色名 · #009CB7
Brilliant Sea
Brilliant Seaは#009CB7：rgb(0 156 183)、hsl(189 100% 36%)、oklch(0.638 0.113 215.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Brilliant Sea color name →
#009CB7
oklch(0.638 0.113 215.8)
カラー変換
- HEX
- #009cb7
- RGB
- rgb(0 156 183)
- HSL
- hsl(189 100% 36%)
- HWB
- hwb(189 0% 28%)
- OKLCH
- oklch(0.638 0.113 215.8)
- OKLab
- oklab(0.638 -0.092 -0.066)
- CIE Lab
- lab(58.7 -28.1 -24.35)
- LCH
- lch(58.7 37.18 220.9)
- CMYK
- cmyk(100% 15% 0% 28%)
ティント · シェード · トーン
ティント
- 3AA6BE
- 57B0C6
- 6FBACD
- 85C4D4
- 9ACEDB
- AFD8E2
- C3E1EA
- D7EBF1
- EBF5F8
シェード
- 00879F
- 007387
- 005F70
- 004C5A
- 003945
- 002831
- 00181E
- 00090C
- 000102
トーン
- 2999B2
- 3B97AC
- 4994A7
- 5492A1
- 5D8F9C
- 658C96
- 6D8991
- 74868B
- 7A8386
カラーハーモニー
補色 +180°
- 009CB7
Brilliant Sea
- C6715A
≈ Cajun Spice
類似色 -30° +30°
- 009CB7
Brilliant Sea
- 00A195
≈ Alhambra
- 4B92CC
≈ Delphinium Corsage
トライアド +120° +240°
- 009CB7
Brilliant Sea
- B670A6
≈ Eccentric Magenta
- A08B2D
≈ Parsnip Root
スプリットコンプリメンタリー +150° +210°
- 009CB7
Brilliant Sea
- C56D81
≈ Pink Manhattan
- BA7C38
≈ Molten Caramel
テトラード +90° +180° +270°
- 009CB7
Brilliant Sea
- 9C79C2
≈ Purple Pride
- C6715A
≈ Cajun Spice
- 7B9847
≈ Mossy Glossy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.26:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.43:1 · APCA Lc 42
最適な文字色: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
コードスニペット
CSS
:root {
--brilliant-sea: #009cb7;
--brilliant-sea-rgb: 0 156 183;
--brilliant-sea-oklch: oklch(0.638 0.113 215.8);
}
.element {
color: var(--brilliant-sea);
background-color: hsl(189 100% 36%);
border-color: oklch(0.638 0.113 215.8);
}Tailwind CSS v4
@theme {
--color-brilliant-sea: #009cb7;
--color-brilliant-sea-50: #d2feff;
--color-brilliant-sea-100: #bef2ff;
--color-brilliant-sea-200: #9ce1f4;
--color-brilliant-sea-300: #6fc6de;
--color-brilliant-sea-400: #3aafc9;
--color-brilliant-sea-500: #0098b5;
--color-brilliant-sea-600: #008099;
--color-brilliant-sea-700: #00677b;
--color-brilliant-sea-800: #004c5a;
--color-brilliant-sea-900: #00353f;
--color-brilliant-sea-950: #002028;
}SCSS
$brilliant-sea: #009cb7;
$brilliant-sea-rgb: 0, 156, 183;
$brilliant-sea-light: mix(#fff, $brilliant-sea, 20%);
$brilliant-sea-dark: mix(#000, $brilliant-sea, 20%);
.element {
color: $brilliant-sea;
box-shadow: 0 0 0 2px rgba($brilliant-sea, 0.35);
}