Cor nomeada mais próxima · #00434B
#00434B
Cor nomeada mais próxima: Emerald Forest
#00434B (rgb(0 67 75), hsl(186 100% 15%), oklch(0.35 0.06 208.2)) é mais próxima da cor nomeada Emerald Forest. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00434B
oklch(0.35 0.06 208.2)
Conversões de cor
- HEX
- #00434b
- RGB
- rgb(0 67 75)
- HSL
- hsl(186 100% 15%)
- HWB
- hwb(186 0% 71%)
- OKLCH
- oklch(0.35 0.06 208.2)
- OKLab
- oklab(0.35 -0.053 -0.028)
- CIE Lab
- lab(25.11 -17.04 -10.56)
- LCH
- lch(25.11 20.05 211.8)
- CMYK
- cmyk(100% 11% 0% 71%)
Tons claros · Sombras · Tons
Tons claros
- 22545B
- 3B656C
- 53777D
- 6A8A8F
- 829CA1
- 9AAFB3
- B3C3C5
- CCD7D8
- E5EBEC
Sombras
- 003940
- 002F35
- 00262B
- 001D21
- 001417
- 000C0E
- 000506
- 000102
- 000000
Tons
- 164950
- 254F55
- 31555B
- 3D5B60
- 496165
- 54676A
- 5F6D70
- 6A7475
- 757A7B
Harmonias de cor
Complementar +180°
- 00434B
Emerald Forest
- 562E28
≈ Bratwurst
Análoga -30° +30°
- 00434B
Emerald Forest
- 09453B
≈ MSU Green
- 173F56
≈ Capital Blue
Tríade +120° +240°
- 00434B
Emerald Forest
- 4C2F4A
≈ Grimace
- 483910
≈ Lisbon Brown
Complementar dividida +150° +210°
- 00434B
Emerald Forest
- 542D3A
≈ Port Royale
- 523218
≈ Dark Catacombs
Tétrade +90° +180° +270°
- 00434B
Emerald Forest
- 3F3356
≈ Naggaroth Night
- 562E28
≈ Bratwurst
- 383F18
≈ Turtle Skin
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.02:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.90:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 11.02:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--emerald-forest: #00434b;
--emerald-forest-rgb: 0 67 75;
--emerald-forest-oklch: oklch(0.35 0.06 208.2);
}
.element {
color: var(--emerald-forest);
background-color: hsl(186 100% 15%);
border-color: oklch(0.35 0.06 208.2);
}Tailwind CSS v4
@theme {
--color-emerald-forest: #00434b;
--color-emerald-forest-50: #e2faff;
--color-emerald-forest-100: #d2eef3;
--color-emerald-forest-200: #b8dce3;
--color-emerald-forest-300: #94c0c9;
--color-emerald-forest-400: #74a9b1;
--color-emerald-forest-500: #53929b;
--color-emerald-forest-600: #477b83;
--color-emerald-forest-700: #386369;
--color-emerald-forest-800: #28484d;
--color-emerald-forest-900: #1b3235;
--color-emerald-forest-950: #0b1e20;
}SCSS
$emerald-forest: #00434b;
$emerald-forest-rgb: 0, 67, 75;
$emerald-forest-light: mix(#fff, $emerald-forest, 20%);
$emerald-forest-dark: mix(#000, $emerald-forest, 20%);
.element {
color: $emerald-forest;
box-shadow: 0 0 0 2px rgba($emerald-forest, 0.35);
}