最も近い色名 · #00C7D5
#00C7D5
最も近い色名: Sea Serpent
#00C7D5（rgb(0 199 213)、hsl(184 100% 42%)、oklch(0.756 0.129 203.8)）に最も近い色名はSea Serpentです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00C7D5
oklch(0.756 0.129 203.8)
カラー変換
- HEX
- #00c7d5
- RGB
- rgb(0 199 213)
- HSL
- hsl(184 100% 42%)
- HWB
- hwb(184 0% 16%)
- OKLCH
- oklch(0.756 0.129 203.8)
- OKLab
- oklab(0.756 -0.118 -0.052)
- CIE Lab
- lab(72.88 -38.67 -19.39)
- LCH
- lch(72.88 43.26 206.6)
- CMYK
- cmyk(100% 7% 0% 16%)
ティント · シェード · トーン
ティント
- 44CDD9
- 62D3DE
- 7BD9E2
- 90DEE6
- A4E4EA
- B8EAEE
- CAEFF3
- DCF4F7
- EEFAFB
シェード
- 00ADB9
- 00939E
- 007A83
- 00626A
- 004C51
- 00363A
- 002124
- 000E10
- 000202
トーン
- 31C0CC
- 45B9C4
- 53B2BB
- 5DABB2
- 66A4AA
- 6D9DA1
- 739699
- 788E91
- 7C8788
カラーハーモニー
補色 +180°
- 00C7D5
Sea Serpent
- F78D88
≈ Ibis Wing
類似色 -30° +30°
- 00C7D5
Sea Serpent
- 3BCAA9
≈ Jadeite
- 4CBDF5
≈ Megaman
トライアド +120° +240°
- 00C7D5
Sea Serpent
- D893DE
≈ Somewhere in a Fairytale
- D7A842
≈ Sunny Disposition
スプリットコンプリメンタリー +150° +210°
- 00C7D5
Sea Serpent
- EF8CB6
≈ Brown Knapweed
- EF985D
≈ Ridgeback
テトラード +90° +180° +270°
- 00C7D5
Sea Serpent
- B49FFA
≈ Shy Moment
- F78D88
≈ Ibis Wing
- AFB951
≈ Japanese Fern
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.13:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.13:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--sea-serpent: #00c7d5;
--sea-serpent-rgb: 0 199 213;
--sea-serpent-oklch: oklch(0.756 0.129 203.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(184 100% 42%);
border-color: oklch(0.756 0.129 203.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00c7d5;
--color-sea-serpent-50: #cbffff;
--color-sea-serpent-100: #b5f5fd;
--color-sea-serpent-200: #8fe5ef;
--color-sea-serpent-300: #5acad7;
--color-sea-serpent-400: #00b4c1;
--color-sea-serpent-500: #009dad;
--color-sea-serpent-600: #008592;
--color-sea-serpent-700: #006a75;
--color-sea-serpent-800: #004f55;
--color-sea-serpent-900: #00373b;
--color-sea-serpent-950: #002125;
}SCSS
$sea-serpent: #00c7d5;
$sea-serpent-rgb: 0, 199, 213;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}