色名 · #006C70
Deep Lake
Deep Lakeは#006C70：rgb(0 108 112)、hsl(182 100% 22%)、oklch(0.483 0.082 199.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Deep Lake color name →
#006C70
oklch(0.483 0.082 199.3)
カラー変換
- HEX
- #006c70
- RGB
- rgb(0 108 112)
- HSL
- hsl(182 100% 22%)
- HWB
- hwb(182 0% 56%)
- OKLCH
- oklch(0.483 0.082 199.3)
- OKLab
- oklab(0.483 -0.077 -0.027)
- CIE Lab
- lab(40.79 -25.85 -10.18)
- LCH
- lch(40.79 27.79 201.5)
- CMYK
- cmyk(100% 4% 0% 56%)
ティント · シェード · トーン
ティント
- 2E7A7D
- 48888B
- 609699
- 77A5A7
- 8EB4B5
- A4C2C3
- BAD1D2
- D1E0E1
- E8F0F0
シェード
- 005D60
- 004E51
- 004043
- 003235
- 002527
- 00191A
- 000D0E
- 000404
- 000001
トーン
- 1F6E72
- 307073
- 3D7375
- 487577
- 527778
- 5C797A
- 667B7B
- 6F7C7D
- 777E7E
カラーハーモニー
補色 +180°
- 006C70
Deep Lake
- 874A4B
≈ Currant Jam
類似色 -30° +30°
- 006C70
Deep Lake
- 226D57
≈ Sparkling Emerald
- 206783
≈ Georgian Bay
トライアド +120° +240°
- 006C70
Deep Lake
- 724F7C
≈ Cabbage Blossom Violet
- 775821
≈ Lizard Brown
スプリットコンプリメンタリー +150° +210°
- 006C70
Deep Lake
- 814A65
≈ Nectar Red
- 834F32
≈ Curry Brown
テトラード +90° +180° +270°
- 006C70
Deep Lake
- 5D568A
≈ Wool Violet
- 874A4B
≈ Currant Jam
- 626225
≈ Gardener Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.21:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.37:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--deep-lake: #006c70;
--deep-lake-rgb: 0 108 112;
--deep-lake-oklch: oklch(0.483 0.082 199.3);
}
.element {
color: var(--deep-lake);
background-color: hsl(182 100% 22%);
border-color: oklch(0.483 0.082 199.3);
}Tailwind CSS v4
@theme {
--color-deep-lake: #006c70;
--color-deep-lake-50: #dbfdff;
--color-deep-lake-100: #c9f1f3;
--color-deep-lake-200: #acdfe3;
--color-deep-lake-300: #84c4c9;
--color-deep-lake-400: #5eadb1;
--color-deep-lake-500: #32979b;
--color-deep-lake-600: #2d7f83;
--color-deep-lake-700: #246669;
--color-deep-lake-800: #184b4c;
--color-deep-lake-900: #103435;
--color-deep-lake-950: #021f20;
}SCSS
$deep-lake: #006c70;
$deep-lake-rgb: 0, 108, 112;
$deep-lake-light: mix(#fff, $deep-lake, 20%);
$deep-lake-dark: mix(#000, $deep-lake, 20%);
.element {
color: $deep-lake;
box-shadow: 0 0 0 2px rgba($deep-lake, 0.35);
}