Cor nomeada · #3E5755
Orkhide Shade
Orkhide Shade é #3E5755: rgb(62 87 85), hsl(175 17% 29%), oklch(0.436 0.03 189.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Orkhide Shade color name →
#3E5755
oklch(0.436 0.03 189.9)
Conversões de cor
- HEX
- #3e5755
- RGB
- rgb(62 87 85)
- HSL
- hsl(175 17% 29%)
- HWB
- hwb(175 24% 66%)
- OKLCH
- oklch(0.436 0.03 189.9)
- OKLab
- oklab(0.436 -0.03 -0.005)
- CIE Lab
- lab(34.91 -10.17 -2.06)
- LCH
- lch(34.91 10.38 191.5)
- CMYK
- cmyk(29% 0% 2% 66%)
Tons claros · Sombras · Tons
Tons claros
- 506664
- 627674
- 748684
- 879695
- 9AA7A6
- ADB8B7
- C1C9C9
- D6DBDB
- EAEDED
Sombras
- 354B49
- 2B3E3D
- 233331
- 1A2726
- 121C1C
- 0A1211
- 040808
- 010302
- 000000
Tons
- 455B59
- 4B5F5D
- 526362
- 586766
- 5F6B6A
- 656F6E
- 6C7473
- 737877
- 797C7C
Harmonias de cor
Complementar +180°
- 3E5755
Orkhide Shade
- 614B4E
≈ Soul Searching
Análoga -30° +30°
- 3E5755
Orkhide Shade
- 43574C
≈ Vinca & Vine
- 3F565D
≈ Sea Blithe
Tríade +120° +240°
- 3E5755
Orkhide Shade
- 574D5E
≈ Purple Fury
- 5C4F3F
≈ Brown Suede
Complementar dividida +150° +210°
- 3E5755
Orkhide Shade
- 5D4B57
≈ Sweet Currant
- 614C45
≈ Lynx
Tétrade +90° +180° +270°
- 3E5755
Orkhide Shade
- 4E5062
≈ Voyager
- 614B4E
≈ Soul Searching
- 55523F
≈ Olive Night
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.77:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.69:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--orkhide-shade: #3e5755;
--orkhide-shade-rgb: 62 87 85;
--orkhide-shade-oklch: oklch(0.436 0.03 189.9);
}
.element {
color: var(--orkhide-shade);
background-color: hsl(175 17% 29%);
border-color: oklch(0.436 0.03 189.9);
}Tailwind CSS v4
@theme {
--color-orkhide-shade: #3e5755;
--color-orkhide-shade-50: #ecf8f7;
--color-orkhide-shade-100: #ddebea;
--color-orkhide-shade-200: #c6d9d7;
--color-orkhide-shade-300: #a7bdbb;
--color-orkhide-shade-400: #8ba5a2;
--color-orkhide-shade-500: #708d8a;
--color-orkhide-shade-600: #5f7775;
--color-orkhide-shade-700: #4c5f5e;
--color-orkhide-shade-800: #374644;
--color-orkhide-shade-900: #25302f;
--color-orkhide-shade-950: #141d1c;
}SCSS
$orkhide-shade: #3e5755;
$orkhide-shade-rgb: 62, 87, 85;
$orkhide-shade-light: mix(#fff, $orkhide-shade, 20%);
$orkhide-shade-dark: mix(#000, $orkhide-shade, 20%);
.element {
color: $orkhide-shade;
box-shadow: 0 0 0 2px rgba($orkhide-shade, 0.35);
}