最も近い色名 · #DDEBF2
#DDEBF2
最も近い色名: Out Cold
#DDEBF2（rgb(221 235 242)、hsl(200 45% 91%)、oklch(0.932 0.018 229)）に最も近い色名はOut Coldです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDEBF2
oklch(0.932 0.018 229)
カラー変換
- HEX
- #ddebf2
- RGB
- rgb(221 235 242)
- HSL
- hsl(200 45% 91%)
- HWB
- hwb(200 87% 5%)
- OKLCH
- oklch(0.932 0.018 229)
- OKLab
- oklab(0.932 -0.012 -0.013)
- CIE Lab
- lab(92.14 -3.81 -5.09)
- LCH
- lch(92.14 6.36 233.1)
- CMYK
- cmyk(9% 3% 0% 5%)
ティント · シェード · トーン
ティント
- E0EDF3
- E4EFF5
- E7F1F6
- EBF3F7
- EEF5F9
- F1F7FA
- F5F9FB
- F8FBFC
- FCFDFE
シェード
- C0CCD2
- A4AEB4
- 889196
- 6E7579
- 555B5E
- 3D4143
- 26292B
- 111314
- 020303
トーン
- D3E0E6
- CAD5DA
- C0CACE
- B7BFC3
- ADB4B7
- A4A9AC
- 9B9FA1
- 929496
- 898A8B
カラーハーモニー
補色 +180°
- DDEBF2
Out Cold
- F3E5DE
≈ Champagne Ice
類似色 -30° +30°
- DDEBF2
Out Cold
- DCECED
≈ Winter’s Breath
- E1E9F5
≈ Harbour Afternoon
トライアド +120° +240°
- DDEBF2
Out Cold
- F2E4EA
≈ Rosie Posie
- E9EADC
≈ Really Light Green
スプリットコンプリメンタリー +150° +210°
- DDEBF2
Out Cold
- F4E4E4
≈ Gaiety
- EFE7DC
≈ Soft Pearl
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.23:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--out-cold: #ddebf2;
--out-cold-rgb: 221 235 242;
--out-cold-oklch: oklch(0.932 0.018 229);
}
.element {
color: var(--out-cold);
background-color: hsl(200 45% 91%);
border-color: oklch(0.932 0.018 229);
}Tailwind CSS v4
@theme {
--color-out-cold: #ddebf2;
--color-out-cold-50: #f0f6f9;
--color-out-cold-100: #e2e9ed;
--color-out-cold-200: #cdd6da;
--color-out-cold-300: #afb9bf;
--color-out-cold-400: #94a1a7;
--color-out-cold-500: #7b8990;
--color-out-cold-600: #68747a;
--color-out-cold-700: #535d61;
--color-out-cold-800: #3c4447;
--color-out-cold-900: #292f31;
--color-out-cold-950: #171b1d;
}SCSS
$out-cold: #ddebf2;
$out-cold-rgb: 221, 235, 242;
$out-cold-light: mix(#fff, $out-cold, 20%);
$out-cold-dark: mix(#000, $out-cold, 20%);
.element {
color: $out-cold;
box-shadow: 0 0 0 2px rgba($out-cold, 0.35);
}