Adlandırılmış renk · #419F59
Chateau Green
Chateau Green, #419F59: rgb(65 159 89), hsl(135 42% 44%), oklch(0.629 0.137 149.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Chateau Green color name →
#419F59
oklch(0.629 0.137 149.3)
Renk dönüşümleri
- HEX
- #419f59
- RGB
- rgb(65 159 89)
- HSL
- hsl(135 42% 44%)
- HWB
- hwb(135 25% 38%)
- OKLCH
- oklch(0.629 0.137 149.3)
- OKLab
- oklab(0.629 -0.118 0.07)
- CIE Lab
- lab(58.64 -40.87 27.85)
- LCH
- lch(58.64 49.45 145.7)
- CMYK
- cmyk(59% 0% 44% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 57A969
- 6CB27A
- 7FBC8A
- 92C69A
- A4CFAB
- B6D9BB
- C8E2CC
- DBECDD
- EDF5EE
Koyu tonlar
- 378A4C
- 2E7540
- 256134
- 1C4D28
- 133B1D
- 0B2913
- 051809
- 010903
- 000100
Gri tonlar
- 4B9C5E
- 539962
- 5A9666
- 61936A
- 67906E
- 6D8D72
- 728A76
- 778779
- 7C837D
Renk uyumları
Tamamlayıcı +180°
- 419F59
Chateau Green
- B568B1
≈ Young Purple
Analog -30° +30°
- 419F59
Chateau Green
- 80941F
≈ Siskin Sprout
- 009F8A
≈ Flamboyant Teal
Üçlü +120° +240°
- 419F59
Chateau Green
- 6883DB
≈ Tanzine
- CE6556
≈ Southwestern Clay
Bölünmüş tamamlayıcı +150° +210°
- 419F59
Chateau Green
- 9574CF
≈ True V
- C96286
≈ Old Geranium
Dörtlü +90° +180° +270°
- 419F59
Chateau Green
- 1692D2
≈ Rich Electric Blue
- B568B1
≈ Young Purple
- C4711F
≈ Caramelised Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.31:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.32:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--chateau-green: #419f59;
--chateau-green-rgb: 65 159 89;
--chateau-green-oklch: oklch(0.629 0.137 149.3);
}
.element {
color: var(--chateau-green);
background-color: hsl(135 42% 44%);
border-color: oklch(0.629 0.137 149.3);
}Tailwind CSS v4
@theme {
--color-chateau-green: #419f59;
--color-chateau-green-50: #daffe2;
--color-chateau-green-100: #c7f6d1;
--color-chateau-green-200: #a9e6b7;
--color-chateau-green-300: #81cc94;
--color-chateau-green-400: #5eb571;
--color-chateau-green-500: #319e51;
--color-chateau-green-600: #2c8645;
--color-chateau-green-700: #236b37;
--color-chateau-green-800: #1b4f25;
--color-chateau-green-900: #123718;
--color-chateau-green-950: #032109;
}SCSS
$chateau-green: #419f59;
$chateau-green-rgb: 65, 159, 89;
$chateau-green-light: mix(#fff, $chateau-green, 20%);
$chateau-green-dark: mix(#000, $chateau-green, 20%);
.element {
color: $chateau-green;
box-shadow: 0 0 0 2px rgba($chateau-green, 0.35);
}