Dichtstbijzijnde benoemde kleur · #DDEBFF
#DDEBFF
Dichtstbijzijnde benoemde kleur: Cloudless
#DDEBFF (rgb(221 235 255), hsl(215 100% 93%), oklch(0.936 0.031 257.2)) komt het dichtst bij de benoemde kleur Cloudless. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DDEBFF
oklch(0.936 0.031 257.2)
Kleurconversies
- HEX
- #ddebff
- RGB
- rgb(221 235 255)
- HSL
- hsl(215 100% 93%)
- HWB
- hwb(215 87% 0%)
- OKLCH
- oklch(0.936 0.031 257.2)
- OKLab
- oklab(0.936 -0.007 -0.03)
- CIE Lab
- lab(92.45 -1.89 -11.37)
- LCH
- lch(92.45 11.53 260.5)
- CMYK
- cmyk(13% 8% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- E0EDFF
- E4EFFF
- E7F1FF
- EBF3FF
- EEF5FF
- F1F7FF
- F5F9FF
- F8FBFF
- FCFDFF
Schaduwen
- C0CCDE
- A4AEBE
- 88919E
- 6E7580
- 555B63
- 3D4148
- 26292E
- 111316
- 020303
Tonen
- D3E0F2
- CAD5E4
- C0CAD7
- B7BFCA
- ADB4BE
- A4A9B1
- 9B9FA4
- 929498
- 898A8C
Kleurharmonieën
Complementair +180°
- DDEBFF
Cloudless
- F6E8D3
≈ Clean Canvas
Analoog -30° +30°
- DDEBFF
Cloudless
- D5EEFA
≈ Ice Castle
- E8E7FE
≈ Cyber Lavender
Triadisch +120° +240°
- DDEBFF
Cloudless
- FEE2E2
≈ Royal Wedding
- E0EFDB
≈ Distant Landscape
Gesplitst complementair +150° +210°
- DDEBFF
Cloudless
- FCE4D8
≈ Cool Cream
- ECECD4
≈ Budding Fern
Tetradisch +90° +180° +270°
- DDEBFF
Cloudless
- FBE2EE
≈ Spun Sugar
- F6E8D3
≈ Clean Canvas
- D7F1E5
≈ Banshee
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.40:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--cloudless: #ddebff;
--cloudless-rgb: 221 235 255;
--cloudless-oklch: oklch(0.936 0.031 257.2);
}
.element {
color: var(--cloudless);
background-color: hsl(215 100% 93%);
border-color: oklch(0.936 0.031 257.2);
}Tailwind CSS v4
@theme {
--color-cloudless: #ddebff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e2e8f3;
--color-cloudless-200: #ccd5e2;
--color-cloudless-300: #aeb8c8;
--color-cloudless-400: #939fb1;
--color-cloudless-500: #79879b;
--color-cloudless-600: #677283;
--color-cloudless-700: #525c69;
--color-cloudless-800: #3b434d;
--color-cloudless-900: #292e36;
--color-cloudless-950: #171b21;
}SCSS
$cloudless: #ddebff;
$cloudless-rgb: 221, 235, 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);
}