Najbliższy nazwany kolor · #DDEBFF
#DDEBFF
Najbliższy nazwany kolor: Cloudless
#DDEBFF (rgb(221 235 255), hsl(215 100% 93%), oklch(0.936 0.031 257.2)) jest najbliższy nazwanemu kolorowi Cloudless. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DDEBFF
oklch(0.936 0.031 257.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0EDFF
- E4EFFF
- E7F1FF
- EBF3FF
- EEF5FF
- F1F7FF
- F5F9FF
- F8FBFF
- FCFDFF
Odcienie ciemniejsze
- C0CCDE
- A4AEBE
- 88919E
- 6E7580
- 555B63
- 3D4148
- 26292E
- 111316
- 020303
Tony
- D3E0F2
- CAD5E4
- C0CAD7
- B7BFCA
- ADB4BE
- A4A9B1
- 9B9FA4
- 929498
- 898A8C
Harmonie kolorów
Komplementarna +180°
- DDEBFF
Cloudless
- F6E8D3
≈ Clean Canvas
Analogowa -30° +30°
- DDEBFF
Cloudless
- D5EEFA
≈ Ice Castle
- E8E7FE
≈ Cyber Lavender
Triada +120° +240°
- DDEBFF
Cloudless
- FEE2E2
≈ Royal Wedding
- E0EFDB
≈ Distant Landscape
Komplementarna rozszczepiona +150° +210°
- DDEBFF
Cloudless
- FCE4D8
≈ Cool Cream
- ECECD4
≈ Budding Fern
Tetrada +90° +180° +270°
- DDEBFF
Cloudless
- FBE2EE
≈ Spun Sugar
- F6E8D3
≈ Clean Canvas
- D7F1E5
≈ Banshee
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.40:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
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);
}