En yakın adlandırılmış renk · #16533B
#16533B
En yakın adlandırılmış renk: Evergreen
#16533B (rgb(22 83 59), hsl(156 58% 21%), oklch(0.397 0.074 162.9)) en çok Evergreen 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.
#16533B
oklch(0.397 0.074 162.9)
Renk dönüşümleri
- HEX
- #16533b
- RGB
- rgb(22 83 59)
- HSL
- hsl(156 58% 21%)
- HWB
- hwb(156 9% 67%)
- OKLCH
- oklch(0.397 0.074 162.9)
- OKLab
- oklab(0.397 -0.071 0.022)
- CIE Lab
- lab(30.98 -25.11 8.24)
- LCH
- lch(30.98 26.43 161.8)
- CMYK
- cmyk(73% 0% 29% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 30634C
- 47735E
- 5D8471
- 739484
- 8AA697
- A1B7AB
- B8C9C0
- CFDAD4
- E7EDE9
Koyu tonlar
- 124732
- 0D3B29
- 093021
- 062519
- 031B11
- 021109
- 010804
- 000201
- 000000
Gri tonlar
- 245842
- 305C48
- 3B614F
- 466556
- 506A5D
- 596E64
- 63736B
- 6D7772
- 767C79
Renk uyumları
Tamamlayıcı +180°
- 16533B
Evergreen
- 623651
≈ Blackberry Deep Red
Analog -30° +30°
- 16533B
Evergreen
- 374F23
≈ Chestnut Green
- 005251
≈ Wool Turquoise
Üçlü +120° +240°
- 16533B
Evergreen
- 41416D
≈ Overcast Night
- 683825
≈ In Caffeine We Trust
Bölünmüş tamamlayıcı +150° +210°
- 16533B
Evergreen
- 553A63
≈ Purpurite Violet
- 69353B
≈ Rubine
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.99:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.33:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.99:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--evergreen: #16533b;
--evergreen-rgb: 22 83 59;
--evergreen-oklch: oklch(0.397 0.074 162.9);
}
.element {
color: var(--evergreen);
background-color: hsl(156 58% 21%);
border-color: oklch(0.397 0.074 162.9);
}Tailwind CSS v4
@theme {
--color-evergreen: #16533b;
--color-evergreen-50: #e3fcf0;
--color-evergreen-100: #d2f0e2;
--color-evergreen-200: #b8dfcc;
--color-evergreen-300: #94c4ae;
--color-evergreen-400: #75ad92;
--color-evergreen-500: #559678;
--color-evergreen-600: #487f66;
--color-evergreen-700: #3a6551;
--color-evergreen-800: #2a4a3a;
--color-evergreen-900: #1c3428;
--color-evergreen-950: #0c1f16;
}SCSS
$evergreen: #16533b;
$evergreen-rgb: 22, 83, 59;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}