色名 · #86B394
King Theo
King Theoは#86B394：rgb(134 179 148)、hsl(139 23% 61%)、oklch(0.726 0.066 154.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · King Theo color name →
#86B394
oklch(0.726 0.066 154.4)
カラー変換
- HEX
- #86b394
- RGB
- rgb(134 179 148)
- HSL
- hsl(139 23% 61%)
- HWB
- hwb(139 53% 30%)
- OKLCH
- oklch(0.726 0.066 154.4)
- OKLab
- oklab(0.726 -0.059 0.028)
- CIE Lab
- lab(69.05 -20.45 10.79)
- LCH
- lch(69.05 23.13 152.2)
- CMYK
- cmyk(25% 0% 17% 30%)
ティント · シェード · トーン
ティント
- 92BA9E
- 9EC2A9
- AACAB3
- B6D1BE
- C2D9C8
- CEE0D3
- DAE8DE
- E6F0E9
- F3F7F4
シェード
- 749B80
- 62846D
- 516E5A
- 405848
- 304336
- 212F26
- 131D16
- 060C08
- 010101
トーン
- 86AE92
- 85A990
- 85A48E
- 859E8C
- 84998A
- 839488
- 838F86
- 828A84
- 818582
カラーハーモニー
補色 +180°
- 86B394
King Theo
- C197B7
≈ Dripping Wisteria
類似色 -30° +30°
- 86B394
King Theo
- 9DAE80
≈ Siamese Green
- 76B4AB
≈ Intracoastal
トライアド +120° +240°
- 86B394
King Theo
- 99A4D0
≈ Fields of Heather
- CC988B
≈ Calliope
スプリットコンプリメンタリー +150° +210°
- 86B394
King Theo
- AF9CC8
≈ Purple Rose
- CB95A1
≈ Cooing Doves
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.36:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.88:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.88:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--king-theo: #86b394;
--king-theo-rgb: 134 179 148;
--king-theo-oklch: oklch(0.726 0.066 154.4);
}
.element {
color: var(--king-theo);
background-color: hsl(139 23% 61%);
border-color: oklch(0.726 0.066 154.4);
}Tailwind CSS v4
@theme {
--color-king-theo: #86b394;
--color-king-theo-50: #e7fbed;
--color-king-theo-100: #d7efdf;
--color-king-theo-200: #beddc9;
--color-king-theo-300: #9dc2aa;
--color-king-theo-400: #80aa8d;
--color-king-theo-500: #639373;
--color-king-theo-600: #547d61;
--color-king-theo-700: #43644e;
--color-king-theo-800: #314937;
--color-king-theo-900: #213326;
--color-king-theo-950: #101e14;
}SCSS
$king-theo: #86b394;
$king-theo-rgb: 134, 179, 148;
$king-theo-light: mix(#fff, $king-theo, 20%);
$king-theo-dark: mix(#000, $king-theo, 20%);
.element {
color: $king-theo;
box-shadow: 0 0 0 2px rgba($king-theo, 0.35);
}