Named color · #33431E
Ceylanite
Ceylanite is #33431E: rgb(51 67 30), hsl(86 38% 19%), oklch(0.359 0.062 128.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Ceylanite color name →
#33431E
oklch(0.359 0.062 128.4)
Color conversions
- HEX
- #33431e
- RGB
- rgb(51 67 30)
- HSL
- hsl(86 38% 19%)
- HWB
- hwb(86 12% 74%)
- OKLCH
- oklch(0.359 0.062 128.4)
- OKLab
- oklab(0.359 -0.039 0.049)
- CIE Lab
- lab(26.27 -12.19 20.08)
- LCH
- lch(26.27 23.49 121.3)
- CMYK
- cmyk(24% 0% 55% 74%)
Tints · Shades · Tones
Tints
- 455432
- 576547
- 6A775C
- 7E8972
- 929C88
- A7AF9F
- BCC3B6
- D2D6CE
- E8EBE6
Shades
- 2B3919
- 232F13
- 1C260E
- 141D09
- 0D1405
- 070C03
- 030501
- 010100
- 000000
Tones
- 3A4928
- 424F32
- 49553B
- 505B45
- 58614F
- 606758
- 686D62
- 70746C
- 787A76
Color harmonies
Complementary +180°
- 33431E
Ceylanite
- 463356
≈ Devil’s Plum
Analogous -30° +30°
- 33431E
Ceylanite
- 453D11
≈ Xanthophobia
- 1C4730
≈ Zucchini
Triadic +120° +240°
- 33431E
Ceylanite
- 213F5C
≈ Sir Edmund
- 582E36
≈ Dubonnet
Split-complementary +150° +210°
- 33431E
Ceylanite
- 36395D
≈ Magic Night
- 522F48
≈ Potent Purple
Tetradic +90° +180° +270°
- 33431E
Ceylanite
- 064453
≈ Crab Nebula
- 463356
≈ Devil’s Plum
- 583124
≈ Wild Boar
Contrast & accessibility
Ag
AAAOn white
WCAG 10.70:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.96:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--ceylanite: #33431e;
--ceylanite-rgb: 51 67 30;
--ceylanite-oklch: oklch(0.359 0.062 128.4);
}
.element {
color: var(--ceylanite);
background-color: hsl(86 38% 19%);
border-color: oklch(0.359 0.062 128.4);
}Tailwind CSS v4
@theme {
--color-ceylanite: #33431e;
--color-ceylanite-50: #eff9e7;
--color-ceylanite-100: #e1ecd7;
--color-ceylanite-200: #cbdabf;
--color-ceylanite-300: #adbe9d;
--color-ceylanite-400: #93a67f;
--color-ceylanite-500: #7a8e62;
--color-ceylanite-600: #677853;
--color-ceylanite-700: #526042;
--color-ceylanite-800: #3d462f;
--color-ceylanite-900: #2a3120;
--color-ceylanite-950: #171d0f;
}SCSS
$ceylanite: #33431e;
$ceylanite-rgb: 51, 67, 30;
$ceylanite-light: mix(#fff, $ceylanite, 20%);
$ceylanite-dark: mix(#000, $ceylanite, 20%);
.element {
color: $ceylanite;
box-shadow: 0 0 0 2px rgba($ceylanite, 0.35);
}