色名 · #08690E
Leafy Lush
Leafy Lushは#08690E：rgb(8 105 14)、hsl(124 86% 22%)、oklch(0.453 0.147 143.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Leafy Lush color name →
#08690E
oklch(0.453 0.147 143.1)
カラー変換
- HEX
- #08690e
- RGB
- rgb(8 105 14)
- HSL
- hsl(124 86% 22%)
- HWB
- hwb(124 3% 59%)
- OKLCH
- oklch(0.453 0.147 143.1)
- OKLab
- oklab(0.453 -0.117 0.088)
- CIE Lab
- lab(38.21 -39.94 38.77)
- LCH
- lch(38.21 55.66 135.9)
- CMYK
- cmyk(92% 0% 87% 59%)
ティント · シェード · トーン
ティント
- 2E782D
- 478645
- 5E955C
- 75A472
- 8CB389
- A2C2A0
- B9D1B7
- D0E0CF
- E7F0E7
シェード
- 065A0B
- 044C07
- 033E05
- 023103
- 012402
- 011801
- 000C00
- 000400
- 000000
トーン
- 206C20
- 2F6E2E
- 3B7139
- 477344
- 51764F
- 5B7859
- 647A63
- 6E7C6D
- 777E76
カラーハーモニー
補色 +180°
- 08690E
Leafy Lush
- 7B3284
≈ Maximum Purple
類似色 -30° +30°
- 08690E
Leafy Lush
- 575B00
≈ Greensboro
- 006552
≈ Piney Lake
トライアド +120° +240°
- 08690E
Leafy Lush
- 2850A6
≈ Ruri Blue
- 97282C
≈ Crimson Garland
スプリットコンプリメンタリー +150° +210°
- 08690E
Leafy Lush
- 5C409E
≈ Daisy Bush
- 8F285D
≈ Pink Horror
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.91:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.03:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.91:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--leafy-lush: #08690e;
--leafy-lush-rgb: 8 105 14;
--leafy-lush-oklch: oklch(0.453 0.147 143.1);
}
.element {
color: var(--leafy-lush);
background-color: hsl(124 86% 22%);
border-color: oklch(0.453 0.147 143.1);
}Tailwind CSS v4
@theme {
--color-leafy-lush: #08690e;
--color-leafy-lush-50: #dcffdc;
--color-leafy-lush-100: #caf6ca;
--color-leafy-lush-200: #ade5ae;
--color-leafy-lush-300: #86cb88;
--color-leafy-lush-400: #66b462;
--color-leafy-lush-500: #3f9e3d;
--color-leafy-lush-600: #378535;
--color-leafy-lush-700: #2b6b2a;
--color-leafy-lush-800: #214e1a;
--color-leafy-lush-900: #163611;
--color-leafy-lush-950: #072104;
}SCSS
$leafy-lush: #08690e;
$leafy-lush-rgb: 8, 105, 14;
$leafy-lush-light: mix(#fff, $leafy-lush, 20%);
$leafy-lush-dark: mix(#000, $leafy-lush, 20%);
.element {
color: $leafy-lush;
box-shadow: 0 0 0 2px rgba($leafy-lush, 0.35);
}