最も近い色名 · #DFF2F2
#DFF2F2
最も近い色名: Bone-Chilling
#DFF2F2（rgb(223 242 242)、hsl(180 42% 91%)、oklch(0.947 0.02 196.8)）に最も近い色名はBone-Chillingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DFF2F2
oklch(0.947 0.02 196.8)
カラー変換
- HEX
- #dff2f2
- RGB
- rgb(223 242 242)
- HSL
- hsl(180 42% 91%)
- HWB
- hwb(180 87% 5%)
- OKLCH
- oklch(0.947 0.02 196.8)
- OKLab
- oklab(0.947 -0.019 -0.006)
- CIE Lab
- lab(94.08 -6.47 -2.26)
- LCH
- lch(94.08 6.85 199.2)
- CMYK
- cmyk(8% 0% 0% 5%)
ティント · シェード · トーン
ティント
- E2F3F3
- E5F5F5
- E9F6F6
- ECF7F7
- EFF9F8
- F2FAFA
- F5FBFB
- F9FCFC
- FCFEFE
シェード
- C2D2D2
- A5B4B4
- 8A9696
- 6F7979
- 565E5E
- 3D4343
- 272B2B
- 121414
- 020303
トーン
- D5E6E6
- CBDADA
- C2CECE
- B8C3C3
- AEB7B7
- A5ACAC
- 9CA1A1
- 929696
- 898B8B
カラーハーモニー
補色 +180°
- DFF2F2
Bone-Chilling
- FBE8E9
≈ Unburdened Pink
類似色 -30° +30°
- DFF2F2
Bone-Chilling
- E2F2EB
≈ Opera Glass
- E0F1F8
≈ Wizard White
トライアド +120° +240°
- DFF2F2
Bone-Chilling
- F3EAF7
≈ Perfume Haze
- F5ECDF
≈ Light Touch
スプリットコンプリメンタリー +150° +210°
- DFF2F2
Bone-Chilling
- F8E8F0
≈ Cherry Pearl
- FAEAE2
≈ Dogwood
テトラード +90° +180° +270°
- DFF2F2
Bone-Chilling
- ECECFB
≈ Placebo Purple
- FBE8E9
≈ Unburdened Pink
- EFEFE0
≈ Pearl Onion
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 7
Ag
AAA黒の上
WCAG 18.12:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--bone-chilling: #dff2f2;
--bone-chilling-rgb: 223 242 242;
--bone-chilling-oklch: oklch(0.947 0.02 196.8);
}
.element {
color: var(--bone-chilling);
background-color: hsl(180 42% 91%);
border-color: oklch(0.947 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-bone-chilling: #dff2f2;
--color-bone-chilling-50: #eff7f7;
--color-bone-chilling-100: #e1eaea;
--color-bone-chilling-200: #cbd7d7;
--color-bone-chilling-300: #acbbbb;
--color-bone-chilling-400: #91a2a2;
--color-bone-chilling-500: #778b8b;
--color-bone-chilling-600: #657575;
--color-bone-chilling-700: #515e5e;
--color-bone-chilling-800: #3b4544;
--color-bone-chilling-900: #282f2f;
--color-bone-chilling-950: #161c1c;
}SCSS
$bone-chilling: #dff2f2;
$bone-chilling-rgb: 223, 242, 242;
$bone-chilling-light: mix(#fff, $bone-chilling, 20%);
$bone-chilling-dark: mix(#000, $bone-chilling, 20%);
.element {
color: $bone-chilling;
box-shadow: 0 0 0 2px rgba($bone-chilling, 0.35);
}