Skip to the color picker

#308663 color: Chrysocolla Green

#308663 is rgb(48, 134, 99) in RGB and oklch(55.848% 0.09931 162.967) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

156°
100%

55.8%
0.099
163°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • emerald-700
  • Black 47%

Inside sRGB: displays the same on any screen.

White text
4.45:1Hard to read
Lc -76
Black text
4.72:1Readable · AA
Lc 33

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #308663

#308663 is a bright emerald color. In OKLCH it has 55.8% lightness, 0.099 chroma and a hue of 163°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.45:1 contrast and black text 4.72:1, so white text reads better.

The closest named color is Chrysocolla Green (#378661). In Tailwind CSS the closest color is emerald-700.

More medium emerald colors

Lighter: #308663 mixed with white

  1. 308663
  2. 499271
  3. 5f9e80
  4. 73aa8f
  5. 87b69f
  6. 9bc2ae
  7. afcebe
  8. c3dace
  9. d7e6de
  10. ebf3ee

Darker: #308663 mixed with black

  1. 308663
  2. 287455
  3. 216247
  4. 1a513a
  5. 13402e
  6. 0c3021
  7. 062116
  8. 03130b
  9. 010603
  10. 000100

Calmer: #308663 with less saturation

  1. 308663
  2. 3b8465
  3. 448367
  4. 4c8168
  5. 537f6a
  6. 597d6c
  7. 5f7c6d
  8. 657a6f
  9. 6a7871
  10. 6f7672

Questions about #308663

What color is #308663?

#308663 is bright emerald. The closest named color is Chrysocolla Green. In RGB it is rgb(48, 134, 99), in HSL hsl(155.58, 47.25%, 35.69%) and in OKLCH oklch(55.848% 0.09931 162.967).

What colors go well with #308663?

The complementary color of #308663 is #9c5b83. For a calmer combination use the analogous colors #5d8041 and #008684. The triadic partners are #6c6cac and #a45f43.

Is white or black text more readable on #308663?

White text reads better on #308663: white gives a contrast ratio of 4.45:1 and black gives 4.72:1. WCAG AA asks for at least 4.5:1 for body text.

Is #308663 a warm or cool color?

#308663 is a cool color. In OKLCH its hue is 163 degrees, its lightness 55.8% and its chroma 0.099.