最も近い色名 · #004F56
#004F56
最も近い色名: Abyssal Waters
#004F56（rgb(0 79 86)、hsl(185 100% 17%)、oklch(0.39 0.067 205.1)）に最も近い色名はAbyssal Watersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#004F56
oklch(0.39 0.067 205.1)
カラー変換
- HEX
- #004f56
- RGB
- rgb(0 79 86)
- HSL
- hsl(185 100% 17%)
- HWB
- hwb(185 0% 66%)
- OKLCH
- oklch(0.39 0.067 205.1)
- OKLab
- oklab(0.39 -0.06 -0.028)
- CIE Lab
- lab(29.84 -19.67 -10.51)
- LCH
- lch(29.84 22.31 208.1)
- CMYK
- cmyk(100% 8% 0% 66%)
ティント · シェード · トーン
ティント
- 265F65
- 3F7075
- 578185
- 6E9296
- 86A3A7
- 9DB5B8
- B5C7C9
- CDDADB
- E6ECED
シェード
- 00444A
- 00383E
- 002E32
- 002327
- 00191C
- 001012
- 000708
- 000202
- 000000
トーン
- 19545A
- 28595E
- 355E62
- 406367
- 4C686B
- 566C6F
- 617173
- 6B7678
- 767B7C
カラーハーモニー
補色 +180°
- 004F56
Abyssal Waters
- 643633
≈ War God
類似色 -30° +30°
- 004F56
Abyssal Waters
- 105143
≈ Tetsu Green
- 1A4A64
≈ Swallow Blue
トライアド +120° +240°
- 004F56
Abyssal Waters
- 573859
≈ Purple Wineberry
- 554215
≈ Smoked Oak Brown
スプリットコンプリメンタリー +150° +210°
- 004F56
Abyssal Waters
- 613547
≈ Art Deco Red
- 603B20
≈ Cassiterite Brown
テトラード +90° +180° +270°
- 004F56
Abyssal Waters
- 483D65
≈ Mulberry Purple
- 643633
≈ War God
- 44491C
≈ Bronze Tone
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.32:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.25:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--abyssal-waters: #004f56;
--abyssal-waters-rgb: 0 79 86;
--abyssal-waters-oklch: oklch(0.39 0.067 205.1);
}
.element {
color: var(--abyssal-waters);
background-color: hsl(185 100% 17%);
border-color: oklch(0.39 0.067 205.1);
}Tailwind CSS v4
@theme {
--color-abyssal-waters: #004f56;
--color-abyssal-waters-50: #e0fbff;
--color-abyssal-waters-100: #cfeff3;
--color-abyssal-waters-200: #b4dde3;
--color-abyssal-waters-300: #90c2c9;
--color-abyssal-waters-400: #6eaab1;
--color-abyssal-waters-500: #4b939b;
--color-abyssal-waters-600: #407c83;
--color-abyssal-waters-700: #336469;
--color-abyssal-waters-800: #24494d;
--color-abyssal-waters-900: #183335;
--color-abyssal-waters-950: #081e20;
}SCSS
$abyssal-waters: #004f56;
$abyssal-waters-rgb: 0, 79, 86;
$abyssal-waters-light: mix(#fff, $abyssal-waters, 20%);
$abyssal-waters-dark: mix(#000, $abyssal-waters, 20%);
.element {
color: $abyssal-waters;
box-shadow: 0 0 0 2px rgba($abyssal-waters, 0.35);
}