色名 · #0E737E
Night Scape
Night Scapeは#0E737E：rgb(14 115 126)、hsl(186 80% 27%)、oklch(0.509 0.084 206.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Night Scape color name →
#0E737E
oklch(0.509 0.084 206.9)
カラー変換
- HEX
- #0e737e
- RGB
- rgb(14 115 126)
- HSL
- hsl(186 80% 27%)
- HWB
- hwb(186 5% 51%)
- OKLCH
- oklch(0.509 0.084 206.9)
- OKLab
- oklab(0.509 -0.075 -0.038)
- CIE Lab
- lab(43.73 -24.29 -14.13)
- LCH
- lch(43.73 28.1 210.2)
- CMYK
- cmyk(89% 9% 0% 51%)
ティント · シェード · トーン
ティント
- 34808A
- 4E8E97
- 659CA3
- 7BA9B0
- 91B7BD
- A7C5CA
- BDD4D7
- D3E2E4
- E9F0F2
シェード
- 0B636D
- 07545C
- 05454C
- 03363C
- 02282D
- 011B1F
- 000F11
- 000505
- 000101
トーン
- 26757E
- 35767F
- 41777F
- 4C797F
- 557A7F
- 5F7B7F
- 677D80
- 707E80
- 787F80
カラーハーモニー
補色 +180°
- 0E737E
Night Scape
- 90524B
≈ Cogswell Cedar
類似色 -30° +30°
- 0E737E
Night Scape
- 1F7565
≈ Teal Waters
- 2F6D90
≈ Ocean Call
トライアド +120° +240°
- 0E737E
Night Scape
- 7F547F
≈ Birthstone
- 7B6226
≈ Brassy Brass
スプリットコンプリメンタリー +150° +210°
- 0E737E
Night Scape
- 8C5166
≈ Velour Scar
- 8A5933
≈ Brushwood
テトラード +90° +180° +270°
- 0E737E
Night Scape
- 6B5B90
≈ Emperor Jewel
- 90524B
≈ Cogswell Cedar
- 636C30
≈ Russian Uniform
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.56:1 · APCA Lc 77
Ag
Fail黒の上
WCAG 3.77:1 · APCA Lc 24
最適な文字色: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--night-scape: #0e737e;
--night-scape-rgb: 14 115 126;
--night-scape-oklch: oklch(0.509 0.084 206.9);
}
.element {
color: var(--night-scape);
background-color: hsl(186 80% 27%);
border-color: oklch(0.509 0.084 206.9);
}Tailwind CSS v4
@theme {
--color-night-scape: #0e737e;
--color-night-scape-50: #dbfcff;
--color-night-scape-100: #c9f0f7;
--color-night-scape-200: #abdfe8;
--color-night-scape-300: #83c4ce;
--color-night-scape-400: #5dadb7;
--color-night-scape-500: #2f96a2;
--color-night-scape-600: #2b7f89;
--color-night-scape-700: #22656e;
--color-night-scape-800: #164b50;
--color-night-scape-900: #0e3438;
--color-night-scape-950: #021f22;
}SCSS
$night-scape: #0e737e;
$night-scape-rgb: 14, 115, 126;
$night-scape-light: mix(#fff, $night-scape, 20%);
$night-scape-dark: mix(#000, $night-scape, 20%);
.element {
color: $night-scape;
box-shadow: 0 0 0 2px rgba($night-scape, 0.35);
}