色名 · #419F59
Chateau Green
Chateau Greenは#419F59：rgb(65 159 89)、hsl(135 42% 44%)、oklch(0.629 0.137 149.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Chateau Green color name →
#419F59
oklch(0.629 0.137 149.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 57A969
- 6CB27A
- 7FBC8A
- 92C69A
- A4CFAB
- B6D9BB
- C8E2CC
- DBECDD
- EDF5EE
シェード
- 378A4C
- 2E7540
- 256134
- 1C4D28
- 133B1D
- 0B2913
- 051809
- 010903
- 000100
トーン
- 4B9C5E
- 539962
- 5A9666
- 61936A
- 67906E
- 6D8D72
- 728A76
- 778779
- 7C837D
カラーハーモニー
補色 +180°
- 419F59
Chateau Green
- B568B1
≈ Young Purple
類似色 -30° +30°
- 419F59
Chateau Green
- 80941F
≈ Siskin Sprout
- 009F8A
≈ Flamboyant Teal
トライアド +120° +240°
- 419F59
Chateau Green
- 6883DB
≈ Tanzine
- CE6556
≈ Southwestern Clay
スプリットコンプリメンタリー +150° +210°
- 419F59
Chateau Green
- 9574CF
≈ True V
- C96286
≈ Old Geranium
テトラード +90° +180° +270°
- 419F59
Chateau Green
- 1692D2
≈ Rich Electric Blue
- B568B1
≈ Young Purple
- C4711F
≈ Caramelised Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.31:1 · APCA Lc 60
Ag
AA黒の上
WCAG 6.32:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
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);
}