Nazwany kolor · #DBE2E7
Crystal Bay
Crystal Bay to #DBE2E7: rgb(219 226 231), hsl(205 20% 88%), oklch(0.909 0.01 238.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Crystal Bay color name →
#DBE2E7
oklch(0.909 0.01 238.5)
Konwersje koloru
- HEX
- #dbe2e7
- RGB
- rgb(219 226 231)
- HSL
- hsl(205 20% 88%)
- HWB
- hwb(205 86% 9%)
- OKLCH
- oklch(0.909 0.01 238.5)
- OKLab
- oklab(0.909 -0.005 -0.009)
- CIE Lab
- lab(89.45 -1.74 -3.31)
- LCH
- lch(89.45 3.74 242.3)
- CMYK
- cmyk(5% 2% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFE5E9
- E2E8EC
- E6EBEE
- E9EEF1
- EDF0F3
- F0F3F5
- F4F6F8
- F8F9FA
- FBFCFD
Odcienie ciemniejsze
- BEC4C9
- A2A8AB
- 878C8F
- 6D7173
- 545759
- 3C3E40
- 262728
- 111213
- 020303
Tony
- D2D8DC
- C8CED2
- BFC4C7
- B6BABC
- ACB0B2
- A3A6A8
- 9A9C9E
- 919394
- 89898A
Harmonie kolorów
Komplementarna +180°
- DBE2E7
Crystal Bay
- E6DFDA
≈ Durian Smell
Analogowa -30° +30°
- DBE2E7
Crystal Bay
- DAE3E4
≈ Bit of Blue
- DEE1E8
≈ Frosty Fog
Triada +120° +240°
- DBE2E7
Crystal Bay
- E7DEE1
≈ Precocious Red
- E0E2DA
≈ Rosemary White
Komplementarna rozszczepiona +150° +210°
- DBE2E7
Crystal Bay
- E8DEDD
≈ Red Dust
- E4E1D9
≈ Heron Plume
Tetrada +90° +180° +270°
- DBE2E7
Crystal Bay
- E5DFE4
≈ Pearl Violet
- E6DFDA
≈ Durian Smell
- DDE3DD
≈ Slow Down
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.04:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--crystal-bay: #dbe2e7;
--crystal-bay-rgb: 219 226 231;
--crystal-bay-oklch: oklch(0.909 0.01 238.5);
}
.element {
color: var(--crystal-bay);
background-color: hsl(205 20% 88%);
border-color: oklch(0.909 0.01 238.5);
}Tailwind CSS v4
@theme {
--color-crystal-bay: #dbe2e7;
--color-crystal-bay-50: #f3f5f8;
--color-crystal-bay-100: #e5e8eb;
--color-crystal-bay-200: #d0d5d8;
--color-crystal-bay-300: #b3b8bc;
--color-crystal-bay-400: #999fa4;
--color-crystal-bay-500: #80878c;
--color-crystal-bay-600: #6d7277;
--color-crystal-bay-700: #575c5f;
--color-crystal-bay-800: #3f4345;
--color-crystal-bay-900: #2b2e30;
--color-crystal-bay-950: #191b1c;
}SCSS
$crystal-bay: #dbe2e7;
$crystal-bay-rgb: 219, 226, 231;
$crystal-bay-light: mix(#fff, $crystal-bay, 20%);
$crystal-bay-dark: mix(#000, $crystal-bay, 20%);
.element {
color: $crystal-bay;
box-shadow: 0 0 0 2px rgba($crystal-bay, 0.35);
}