最も近い色名 · #DEEDFF
#DEEDFF
最も近い色名: Cloudless
#DEEDFF（rgb(222 237 255)、hsl(213 100% 94%)、oklch(0.94 0.029 252.9)）に最も近い色名はCloudlessです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DEEDFF
oklch(0.94 0.029 252.9)
カラー変換
- HEX
- #deedff
- RGB
- rgb(222 237 255)
- HSL
- hsl(213 100% 94%)
- HWB
- hwb(213 87% 0%)
- OKLCH
- oklch(0.94 0.029 252.9)
- OKLab
- oklab(0.94 -0.009 -0.028)
- CIE Lab
- lab(93.03 -2.52 -10.51)
- LCH
- lch(93.03 10.81 256.5)
- CMYK
- cmyk(13% 7% 0% 0%)
ティント · シェード · トーン
ティント
- E1EFFF
- E5F1FF
- E8F2FF
- EBF4FF
- EEF6FF
- F2F8FF
- F5FAFF
- F8FBFF
- FCFDFF
シェード
- C1CEDE
- A5B0BE
- 89939E
- 6F7780
- 555C63
- 3D4248
- 262A2E
- 121416
- 020303
トーン
- D4E2F2
- CAD6E4
- C1CBD7
- B7C0CA
- AEB5BE
- A5AAB1
- 9B9FA4
- 929598
- 898A8C
カラーハーモニー
補色 +180°
- DEEDFF
Cloudless
- F8E9D7
≈ Pignoli
類似色 -30° +30°
- DEEDFF
Cloudless
- D7F0FA
≈ Water
- E8E9FF
≈ Glitter
トライアド +120° +240°
- DEEDFF
Cloudless
- FEE4E6
≈ Valerie
- E4F0DC
≈ Winter Shamrock
スプリットコンプリメンタリー +150° +210°
- DEEDFF
Cloudless
- FDE6DC
≈ French Manicure
- EEEDD6
≈ Acid Blond
テトラード +90° +180° +270°
- DEEDFF
Cloudless
- FAE4F0
≈ Petal Poise
- F8E9D7
≈ Pignoli
- DBF2E6
≈ Delicate Mint
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.66:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--cloudless: #deedff;
--cloudless-rgb: 222 237 255;
--cloudless-oklch: oklch(0.94 0.029 252.9);
}
.element {
color: var(--cloudless);
background-color: hsl(213 100% 94%);
border-color: oklch(0.94 0.029 252.9);
}Tailwind CSS v4
@theme {
--color-cloudless: #deedff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e1e9f2;
--color-cloudless-200: #ccd5e1;
--color-cloudless-300: #aeb8c7;
--color-cloudless-400: #93a0b0;
--color-cloudless-500: #79889a;
--color-cloudless-600: #667382;
--color-cloudless-700: #525c68;
--color-cloudless-800: #3b434c;
--color-cloudless-900: #292e35;
--color-cloudless-950: #161b20;
}SCSS
$cloudless: #deedff;
$cloudless-rgb: 222, 237, 255;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}