色名 · #C2E4E7
Light Daly Waters
Light Daly Watersは#C2E4E7：rgb(194 228 231)、hsl(185 44% 83%)、oklch(0.895 0.036 203.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Light Daly Waters color name →
#C2E4E7
oklch(0.895 0.036 203.1)
カラー変換
- HEX
- #c2e4e7
- RGB
- rgb(194 228 231)
- HSL
- hsl(185 44% 83%)
- HWB
- hwb(185 76% 9%)
- OKLCH
- oklch(0.895 0.036 203.1)
- OKLab
- oklab(0.895 -0.033 -0.014)
- CIE Lab
- lab(88.19 -11.06 -5.4)
- LCH
- lch(88.19 12.31 206)
- CMYK
- cmyk(16% 1% 0% 9%)
ティント · シェード · トーン
ティント
- C8E7E9
- CEE9EC
- D4ECEE
- DBEFF1
- E1F2F3
- E7F4F5
- EDF7F8
- F3FAFA
- F9FCFD
シェード
- A8C6C9
- 8FA9AB
- 778D8F
- 607273
- 495859
- 343F40
- 202828
- 0E1213
- 020303
トーン
- BBDADC
- B5CFD2
- AEC5C7
- A7BBBC
- A1B1B2
- 9AA7A8
- 949D9E
- 8D9394
- 878A8A
カラーハーモニー
補色 +180°
- C2E4E7
Light Daly Waters
- F4D4D1
≈ French Bustle
類似色 -30° +30°
- C2E4E7
Light Daly Waters
- C5E5DA
≈ Touch of Frost
- C6E1F1
≈ Pale Frost
トライアド +120° +240°
- C2E4E7
Light Daly Waters
- E9D5EB
≈ First Lilac
- E8DBC2
≈ Golden Lotus
スプリットコンプリメンタリー +150° +210°
- C2E4E7
Light Daly Waters
- F1D3DE
≈ Portrait Pink
- F1D7C7
≈ Resort Sunrise
テトラード +90° +180° +270°
- C2E4E7
Light Daly Waters
- DDD9F3
≈ Quartz
- F4D4D1
≈ French Bustle
- DCDFC5
≈ Airy Fields
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.54:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.54:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--light-daly-waters: #c2e4e7;
--light-daly-waters-rgb: 194 228 231;
--light-daly-waters-oklch: oklch(0.895 0.036 203.1);
}
.element {
color: var(--light-daly-waters);
background-color: hsl(185 44% 83%);
border-color: oklch(0.895 0.036 203.1);
}Tailwind CSS v4
@theme {
--color-light-daly-waters: #c2e4e7;
--color-light-daly-waters-50: #eaf8fa;
--color-light-daly-waters-100: #dbecee;
--color-light-daly-waters-200: #c3d9db;
--color-light-daly-waters-300: #a3bdc0;
--color-light-daly-waters-400: #86a5a8;
--color-light-daly-waters-500: #6a8e91;
--color-light-daly-waters-600: #5a787a;
--color-light-daly-waters-700: #486062;
--color-light-daly-waters-800: #344647;
--color-light-daly-waters-900: #233131;
--color-light-daly-waters-950: #121d1d;
}SCSS
$light-daly-waters: #c2e4e7;
$light-daly-waters-rgb: 194, 228, 231;
$light-daly-waters-light: mix(#fff, $light-daly-waters, 20%);
$light-daly-waters-dark: mix(#000, $light-daly-waters, 20%);
.element {
color: $light-daly-waters;
box-shadow: 0 0 0 2px rgba($light-daly-waters, 0.35);
}