En yakın adlandırılmış renk · #23471B
#23471B
En yakın adlandırılmış renk: Myrtle
#23471B (rgb(35 71 27), hsl(109 45% 19%), oklch(0.359 0.082 140.1)) en çok Myrtle 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.
#23471B
oklch(0.359 0.082 140.1)
Renk dönüşümleri
- HEX
- #23471b
- RGB
- rgb(35 71 27)
- HSL
- hsl(109 45% 19%)
- HWB
- hwb(109 11% 72%)
- OKLCH
- oklch(0.359 0.082 140.1)
- OKLab
- oklab(0.359 -0.063 0.053)
- CIE Lab
- lab(26.61 -21.07 21.86)
- LCH
- lch(26.61 30.37 133.9)
- CMYK
- cmyk(51% 0% 62% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 375830
- 4B6945
- 607B5A
- 758D70
- 8B9F87
- A1B19E
- B8C4B5
- CFD8CD
- E7EBE6
Koyu tonlar
- 1D3D16
- 173211
- 11280C
- 0C1F08
- 071605
- 040D02
- 010601
- 000200
- 000000
Gri tonlar
- 2D4D26
- 365230
- 3F583A
- 485E44
- 51634D
- 5B6957
- 646F61
- 6D756C
- 777A76
Renk uyumları
Tamamlayıcı +180°
- 23471B
Myrtle
- 502D57
≈ Grape Royale
Analog -30° +30°
- 23471B
Myrtle
- 404000
≈ Green Not Found
- 004937
≈ Zucchini
Üçlü +120° +240°
- 23471B
Myrtle
- 223C67
≈ Limoges
- 61292A
≈ Christmas Brown
Bölünmüş tamamlayıcı +150° +210°
- 23471B
Myrtle
- 3D3465
≈ Minsk
- 5C2943
≈ Vistoris Lake
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.56:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.98:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.56:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--myrtle: #23471b;
--myrtle-rgb: 35 71 27;
--myrtle-oklch: oklch(0.359 0.082 140.1);
}
.element {
color: var(--myrtle);
background-color: hsl(109 45% 19%);
border-color: oklch(0.359 0.082 140.1);
}Tailwind CSS v4
@theme {
--color-myrtle: #23471b;
--color-myrtle-50: #e8fce6;
--color-myrtle-100: #d9efd6;
--color-myrtle-200: #c1debd;
--color-myrtle-300: #a0c39c;
--color-myrtle-400: #85ab7c;
--color-myrtle-500: #68945f;
--color-myrtle-600: #597d51;
--color-myrtle-700: #476440;
--color-myrtle-800: #34492d;
--color-myrtle-900: #23331e;
--color-myrtle-950: #121e0e;
}SCSS
$myrtle: #23471b;
$myrtle-rgb: 35, 71, 27;
$myrtle-light: mix(#fff, $myrtle, 20%);
$myrtle-dark: mix(#000, $myrtle, 20%);
.element {
color: $myrtle;
box-shadow: 0 0 0 2px rgba($myrtle, 0.35);
}