色名 · #B9D4E7
Light Sea Cliff
Light Sea Cliffは#B9D4E7：rgb(185 212 231)、hsl(205 49% 82%)、oklch(0.856 0.039 238.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Light Sea Cliff color name →
#B9D4E7
oklch(0.856 0.039 238.6)
カラー変換
- HEX
- #b9d4e7
- RGB
- rgb(185 212 231)
- HSL
- hsl(205 49% 82%)
- HWB
- hwb(205 73% 9%)
- OKLCH
- oklch(0.856 0.039 238.6)
- OKLab
- oklab(0.856 -0.02 -0.033)
- CIE Lab
- lab(83.36 -6.33 -12.58)
- LCH
- lch(83.36 14.08 243.3)
- CMYK
- cmyk(20% 8% 0% 9%)
ティント · シェード · トーン
ティント
- C0D8E9
- C7DDEC
- CEE1EE
- D5E5F1
- DCE9F3
- E3EEF6
- EAF2F8
- F1F6FA
- F8FBFD
シェード
- A0B8C9
- 899DAB
- 71838F
- 5B6973
- 465159
- 313A40
- 1E2428
- 0D1013
- 020203
トーン
- B3CBDC
- ADC3D2
- A8BAC7
- A2B2BD
- 9CA9B2
- 97A1A8
- 91989E
- 8B9094
- 86888A
カラーハーモニー
補色 +180°
- B9D4E7
Light Sea Cliff
- E4CAB7
≈ Geyser Basin
類似色 -30° +30°
- B9D4E7
Light Sea Cliff
- B3D7DD
≈ Needed Escape
- C5CFEA
≈ Purple Pj’s
トライアド +120° +240°
- B9D4E7
Light Sea Cliff
- E7C6CF
≈ Light Blush
- CDD4B7
≈ Aloe Wash
スプリットコンプリメンタリー +150° +210°
- B9D4E7
Light Sea Cliff
- E8C7C1
≈ Iced Cherry
- DACFB3
≈ Lake Bluff Putty
テトラード +90° +180° +270°
- B9D4E7
Light Sea Cliff
- DFC7DD
≈ Decadial Pink
- E4CAB7
≈ Geyser Basin
- BFD7C2
≈ Namaste
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.63:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--light-sea-cliff: #b9d4e7;
--light-sea-cliff-rgb: 185 212 231;
--light-sea-cliff-oklch: oklch(0.856 0.039 238.6);
}
.element {
color: var(--light-sea-cliff);
background-color: hsl(205 49% 82%);
border-color: oklch(0.856 0.039 238.6);
}Tailwind CSS v4
@theme {
--color-light-sea-cliff: #b9d4e7;
--color-light-sea-cliff-50: #ecf7ff;
--color-light-sea-cliff-100: #ddeaf4;
--color-light-sea-cliff-200: #c6d7e4;
--color-light-sea-cliff-300: #a6bbca;
--color-light-sea-cliff-400: #8aa2b3;
--color-light-sea-cliff-500: #6e8a9e;
--color-light-sea-cliff-600: #5e7585;
--color-light-sea-cliff-700: #4b5e6b;
--color-light-sea-cliff-800: #36454e;
--color-light-sea-cliff-900: #252f37;
--color-light-sea-cliff-950: #131c21;
}SCSS
$light-sea-cliff: #b9d4e7;
$light-sea-cliff-rgb: 185, 212, 231;
$light-sea-cliff-light: mix(#fff, $light-sea-cliff, 20%);
$light-sea-cliff-dark: mix(#000, $light-sea-cliff, 20%);
.element {
color: $light-sea-cliff;
box-shadow: 0 0 0 2px rgba($light-sea-cliff, 0.35);
}