En yakın adlandırılmış renk · #00542D
#00542D
En yakın adlandırılmış renk: O Tannenbaum
#00542D (rgb(0 84 45), hsl(152 100% 16%), oklch(0.392 0.097 154.9)) en çok O Tannenbaum adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00542D
oklch(0.392 0.097 154.9)
Renk dönüşümleri
- HEX
- #00542d
- RGB
- rgb(0 84 45)
- HSL
- hsl(152 100% 16%)
- HWB
- hwb(152 0% 67%)
- OKLCH
- oklch(0.392 0.097 154.9)
- OKLab
- oklab(0.392 -0.088 0.041)
- CIE Lab
- lab(30.68 -31.19 16.23)
- LCH
- lch(30.68 35.16 152.5)
- CMYK
- cmyk(100% 0% 46% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 266440
- 407453
- 578567
- 6F957B
- 86A690
- 9DB8A5
- B5C9BB
- CEDBD1
- E6EDE8
Koyu tonlar
- 004826
- 003C1F
- 003118
- 002611
- 001B0B
- 001106
- 000802
- 000201
- 000000
Gri tonlar
- 195935
- 285D3D
- 356245
- 41664E
- 4C6A56
- 576F5E
- 617367
- 6B776F
- 767C77
Renk uyumları
Tamamlayıcı +180°
- 00542D
O Tannenbaum
- 642F5A
≈ Velvet Mauve
Analog -30° +30°
- 00542D
O Tannenbaum
- 3A4E02
≈ Godzilla
- 00514A
≈ Myrtle Deep Green
Üçlü +120° +240°
- 00542D
O Tannenbaum
- 373F79
≈ Evening Magic
- 702E1F
≈ Hereford Cow Brown
Bölünmüş tamamlayıcı +150° +210°
- 00542D
O Tannenbaum
- 52366F
≈ Succinct Violet
- 6E2B3E
≈ Anthracite Red
Dörtlü +90° +180° +270°
- 00542D
O Tannenbaum
- 024975
≈ Medici Blue
- 642F5A
≈ Velvet Mauve
- 653A00
≈ Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.10:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.30:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--o-tannenbaum: #00542d;
--o-tannenbaum-rgb: 0 84 45;
--o-tannenbaum-oklch: oklch(0.392 0.097 154.9);
}
.element {
color: var(--o-tannenbaum);
background-color: hsl(152 100% 16%);
border-color: oklch(0.392 0.097 154.9);
}Tailwind CSS v4
@theme {
--color-o-tannenbaum: #00542d;
--color-o-tannenbaum-50: #e0feea;
--color-o-tannenbaum-100: #cff2db;
--color-o-tannenbaum-200: #b3e1c4;
--color-o-tannenbaum-300: #8ec7a4;
--color-o-tannenbaum-400: #6eb085;
--color-o-tannenbaum-500: #4b9969;
--color-o-tannenbaum-600: #408159;
--color-o-tannenbaum-700: #336847;
--color-o-tannenbaum-800: #254c32;
--color-o-tannenbaum-900: #193522;
--color-o-tannenbaum-950: #092011;
}SCSS
$o-tannenbaum: #00542d;
$o-tannenbaum-rgb: 0, 84, 45;
$o-tannenbaum-light: mix(#fff, $o-tannenbaum, 20%);
$o-tannenbaum-dark: mix(#000, $o-tannenbaum, 20%);
.element {
color: $o-tannenbaum;
box-shadow: 0 0 0 2px rgba($o-tannenbaum, 0.35);
}