Dichtstbijzijnde benoemde kleur · #DDF8F8
#DDF8F8
Dichtstbijzijnde benoemde kleur: Bubbles
#DDF8F8 (rgb(221 248 248), hsl(180 66% 92%), oklch(0.96 0.028 196.7)) komt het dichtst bij de benoemde kleur Bubbles. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DDF8F8
oklch(0.96 0.028 196.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- E0F9F9
- E4F9F9
- E7FAFA
- EBFBFB
- EEFCFC
- F2FCFC
- F5FDFD
- F8FEFE
- FCFEFE
Schaduwen
- C0D8D8
- A4B8B8
- 889A9A
- 6E7C7C
- 556060
- 3D4545
- 262C2C
- 111515
- 020303
Tonen
- D3EBEB
- CADFDF
- C0D3D3
- B7C6C6
- AEBABA
- A4AEAE
- 9BA2A2
- 929797
- 898B8B
Kleurharmonieën
Complementair +180°
- DDF8F8
Bubbles
- FFEDED
≈ White Gloss
Analoog -30° +30°
- DDF8F8
Bubbles
- E1F8EE
≈ Frosty Mint
- E1F6FF
≈ Glacial Day
Triadisch +120° +240°
- DDF8F8
Bubbles
- FAECFF
≈ Placebo Fuchsia
- FDF0DD
≈ White Grapefruit
Gesplitst complementair +150° +210°
- DDF8F8
Bubbles
- FFEBF5
≈ Fairy Wings
- FFEEE6
≈ Peach Breeze
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.85:1 · APCA Lc 100
Beste tekstkleur: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
Codefragmenten
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);
}