最も近い色名 · #DDF8F8
#DDF8F8
最も近い色名: Bubbles
#DDF8F8（rgb(221 248 248)、hsl(180 66% 92%)、oklch(0.96 0.028 196.7)）に最も近い色名はBubblesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDF8F8
oklch(0.96 0.028 196.7)
カラー変換
- HEX
- #ddf8f8
- RGB
- rgb(221 248 248)
- HSL
- hsl(180 66% 92%)
- HWB
- hwb(180 87% 3%)
- OKLCH
- oklch(0.96 0.028 196.7)
- OKLab
- oklab(0.96 -0.027 -0.008)
- CIE Lab
- lab(95.61 -9.09 -3.14)
- LCH
- lch(95.61 9.62 199.1)
- CMYK
- cmyk(11% 0% 0% 3%)
ティント · シェード · トーン
ティント
- E0F9F9
- E4F9F9
- E7FAFA
- EBFBFB
- EEFCFC
- F2FCFC
- F5FDFD
- F8FEFE
- FCFEFE
シェード
- C0D8D8
- A4B8B8
- 889A9A
- 6E7C7C
- 556060
- 3D4545
- 262C2C
- 111515
- 020303
トーン
- D3EBEB
- CADFDF
- C0D3D3
- B7C6C6
- AEBABA
- A4AEAE
- 9BA2A2
- 929797
- 898B8B
カラーハーモニー
補色 +180°
- DDF8F8
Bubbles
- FFEDED
≈ White Gloss
類似色 -30° +30°
- DDF8F8
Bubbles
- E1F8EE
≈ Frosty Mint
- E1F6FF
≈ Glacial Day
トライアド +120° +240°
- DDF8F8
Bubbles
- FAECFF
≈ Placebo Fuchsia
- FDF0DD
≈ White Grapefruit
スプリットコンプリメンタリー +150° +210°
- DDF8F8
Bubbles
- FFEBF5
≈ Fairy Wings
- FFEEE6
≈ Peach Breeze
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.11:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.85:1 · APCA Lc 100
最適な文字色: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
コードスニペット
CSS
:root {
--bubbles: #ddf8f8;
--bubbles-rgb: 221 248 248;
--bubbles-oklch: oklch(0.96 0.028 196.7);
}
.element {
color: var(--bubbles);
background-color: hsl(180 66% 92%);
border-color: oklch(0.96 0.028 196.7);
}Tailwind CSS v4
@theme {
--color-bubbles: #ddf8f8;
--color-bubbles-50: #ecf8f8;
--color-bubbles-100: #deebeb;
--color-bubbles-200: #c7d8d9;
--color-bubbles-300: #a8bcbd;
--color-bubbles-400: #8ca4a4;
--color-bubbles-500: #718c8c;
--color-bubbles-600: #607777;
--color-bubbles-700: #4c5f5f;
--color-bubbles-800: #374645;
--color-bubbles-900: #263030;
--color-bubbles-950: #141c1c;
}SCSS
$bubbles: #ddf8f8;
$bubbles-rgb: 221, 248, 248;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}