色名 · #01C08D
Cōng Lǜ Green
Cōng Lǜ Greenは#01C08D：rgb(1 192 141)、hsl(164 99% 38%)、oklch(0.716 0.149 165.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Cōng Lǜ Green color name →
#01C08D
oklch(0.716 0.149 165.7)
カラー変換
- HEX
- #01c08d
- RGB
- rgb(1 192 141)
- HSL
- hsl(164 99% 38%)
- HWB
- hwb(164 0% 25%)
- OKLCH
- oklch(0.716 0.149 165.7)
- OKLab
- oklab(0.716 -0.144 0.037)
- CIE Lab
- lab(69.05 -51.52 13.86)
- LCH
- lch(69.05 53.35 164.9)
- CMYK
- cmyk(99% 0% 27% 25%)
ティント · シェード · トーン
ティント
- 41C798
- 5FCDA3
- 78D4AE
- 8DDABA
- A2E1C5
- B5E7D0
- C8EDDC
- DBF3E7
- EDF9F3
シェード
- 01A77A
- 018E67
- 007655
- 005F44
- 004933
- 003423
- 002014
- 000E07
- 000201
トーン
- 2FBA8C
- 42B38B
- 50AD89
- 5BA788
- 64A087
- 6B9A85
- 719484
- 778D83
- 7C8781
カラーハーモニー
補色 +180°
- 01C08D
Cōng Lǜ Green
- E47AB8
≈ Fuchsia Blush
類似色 -30° +30°
- 01C08D
Cōng Lǜ Green
- 77B854
≈ Turtle Green
- 00BABC
≈ Jade Gravel
トライアド +120° +240°
- 01C08D
Cōng Lǜ Green
- 9C94FC
≈ Cobalite
- EE824C
≈ Gravlax
スプリットコンプリメンタリー +150° +210°
- 01C08D
Cōng Lǜ Green
- C784E2
≈ Lavender Perceptions
- F27884
≈ Flower Blossom Pink
テトラード +90° +180° +270°
- 01C08D
Cōng Lǜ Green
- 60A5FF
≈ Âbi Blue
- E47AB8
≈ Fuchsia Blush
- D89408
≈ Bonfire Glow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.92:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--cong-lu-green: #01c08d;
--cong-lu-green-rgb: 1 192 141;
--cong-lu-green-oklch: oklch(0.716 0.149 165.7);
}
.element {
color: var(--cong-lu-green);
background-color: hsl(164 99% 38%);
border-color: oklch(0.716 0.149 165.7);
}Tailwind CSS v4
@theme {
--color-cong-lu-green: #01c08d;
--color-cong-lu-green-50: #cdffed;
--color-cong-lu-green-100: #b8f9de;
--color-cong-lu-green-200: #92e9c8;
--color-cong-lu-green-300: #5ed0a8;
--color-cong-lu-green-400: #18ba89;
--color-cong-lu-green-500: #00a36e;
--color-cong-lu-green-600: #008a5d;
--color-cong-lu-green-700: #006f4a;
--color-cong-lu-green-800: #005234;
--color-cong-lu-green-900: #003923;
--color-cong-lu-green-950: #002312;
}SCSS
$cong-lu-green: #01c08d;
$cong-lu-green-rgb: 1, 192, 141;
$cong-lu-green-light: mix(#fff, $cong-lu-green, 20%);
$cong-lu-green-dark: mix(#000, $cong-lu-green, 20%);
.element {
color: $cong-lu-green;
box-shadow: 0 0 0 2px rgba($cong-lu-green, 0.35);
}