Nazwany kolor · #DBE9F4
Azureish White
Azureish White to #DBE9F4: rgb(219 233 244), hsl(206 53% 91%), oklch(0.927 0.021 241.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Azureish White color name →
#DBE9F4
oklch(0.927 0.021 241.4)
Konwersje koloru
- HEX
- #dbe9f4
- RGB
- rgb(219 233 244)
- HSL
- hsl(206 53% 91%)
- HWB
- hwb(206 86% 4%)
- OKLCH
- oklch(0.927 0.021 241.4)
- OKLab
- oklab(0.927 -0.01 -0.019)
- CIE Lab
- lab(91.53 -3.24 -7.04)
- LCH
- lch(91.53 7.75 245.3)
- CMYK
- cmyk(10% 5% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFEBF5
- E2EDF6
- E6F0F7
- E9F2F8
- EDF4FA
- F1F6FB
- F4F8FC
- F8FBFD
- FBFDFE
Odcienie ciemniejsze
- BECBD4
- A2ADB5
- 879097
- 6D747A
- 545A5E
- 3C4144
- 26292B
- 111314
- 020303
Tony
- D2DEE8
- C8D3DC
- BFC8D0
- B6BEC4
- ACB3B8
- A3A9AD
- 9A9EA1
- 929496
- 898A8B
Harmonie kolorów
Komplementarna +180°
- DBE9F4
Azureish White
- F2E4D9
≈ Soft Sunrise
Analogowa -30° +30°
- DBE9F4
Azureish White
- D8EBEF
≈ Frost Wind
- E1E6F6
≈ Crystal Falls
Triada +120° +240°
- DBE9F4
Azureish White
- F4E1E6
≈ Pink Amour
- E4E9DA
≈ Rhine Falls
Komplementarna rozszczepiona +150° +210°
- DBE9F4
Azureish White
- F5E2DE
≈ Floral Linen
- ECE7D7
≈ Homoeopathic Yellow
Tetrada +90° +180° +270°
- DBE9F4
Azureish White
- F0E2ED
≈ Faded Fuchsia
- F2E4D9
≈ Soft Sunrise
- DDEBE0
≈ Diluted Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.97:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--azureish-white: #dbe9f4;
--azureish-white-rgb: 219 233 244;
--azureish-white-oklch: oklch(0.927 0.021 241.4);
}
.element {
color: var(--azureish-white);
background-color: hsl(206 53% 91%);
border-color: oklch(0.927 0.021 241.4);
}Tailwind CSS v4
@theme {
--color-azureish-white: #dbe9f4;
--color-azureish-white-50: #f0f6fb;
--color-azureish-white-100: #e2e9ef;
--color-azureish-white-200: #cdd5dd;
--color-azureish-white-300: #afb9c2;
--color-azureish-white-400: #94a0aa;
--color-azureish-white-500: #7a8893;
--color-azureish-white-600: #68737c;
--color-azureish-white-700: #535c64;
--color-azureish-white-800: #3c4449;
--color-azureish-white-900: #292f33;
--color-azureish-white-950: #171b1e;
}SCSS
$azureish-white: #dbe9f4;
$azureish-white-rgb: 219, 233, 244;
$azureish-white-light: mix(#fff, $azureish-white, 20%);
$azureish-white-dark: mix(#000, $azureish-white, 20%);
.element {
color: $azureish-white;
box-shadow: 0 0 0 2px rgba($azureish-white, 0.35);
}