Nazwany kolor · #D6E5E2
Cave Pearl
Cave Pearl to #D6E5E2: rgb(214 229 226), hsl(168 22% 87%), oklch(0.91 0.017 182.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cave Pearl color name →
#D6E5E2
oklch(0.91 0.017 182.7)
Konwersje koloru
- HEX
- #d6e5e2
- RGB
- rgb(214 229 226)
- HSL
- hsl(168 22% 87%)
- HWB
- hwb(168 84% 10%)
- OKLCH
- oklch(0.91 0.017 182.7)
- OKLab
- oklab(0.91 -0.016 -0.001)
- CIE Lab
- lab(89.74 -5.59 -0.35)
- LCH
- lch(89.74 5.6 183.5)
- CMYK
- cmyk(7% 0% 1% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAE8E5
- DEEAE8
- E2EDEB
- E6EFEE
- EAF2F0
- EFF5F3
- F3F7F6
- F7FAF9
- FBFCFC
Odcienie ciemniejsze
- BAC7C4
- 9EAAA8
- 848E8C
- 6A7271
- 525857
- 3B3F3E
- 252827
- 101212
- 020303
Tony
- CDDAD8
- C4D0CE
- BBC6C4
- B3BBBA
- AAB1B0
- A1A7A6
- 999D9C
- 919393
- 888A89
Harmonie kolorów
Komplementarna +180°
- D6E5E2
Cave Pearl
- EBDDE0
≈ Mauve Wisp
Analogowa -30° +30°
- D6E5E2
Cave Pearl
- D9E5DC
≈ Crystal Salt White
- D6E4E8
≈ Bare Mintimum
Triada +120° +240°
- D6E5E2
Cave Pearl
- E3DFEB
≈ Angelic Sent
- EADFD6
≈ Smokey Cream
Komplementarna rozszczepiona +150° +210°
- D6E5E2
Cave Pearl
- E8DDE6
≈ Peekaboo
- ECDEDA
≈ Wishy-Washy Beige
Tetrada +90° +180° +270°
- D6E5E2
Cave Pearl
- DDE1ED
≈ Blush Sky
- EBDDE0
≈ Mauve Wisp
- E5E1D5
≈ Cotton Tuft
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.16:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--cave-pearl: #d6e5e2;
--cave-pearl-rgb: 214 229 226;
--cave-pearl-oklch: oklch(0.91 0.017 182.7);
}
.element {
color: var(--cave-pearl);
background-color: hsl(168 22% 87%);
border-color: oklch(0.91 0.017 182.7);
}Tailwind CSS v4
@theme {
--color-cave-pearl: #d6e5e2;
--color-cave-pearl-50: #f0f7f6;
--color-cave-pearl-100: #e2eae8;
--color-cave-pearl-200: #cdd7d5;
--color-cave-pearl-300: #afbab8;
--color-cave-pearl-400: #94a29f;
--color-cave-pearl-500: #7b8a87;
--color-cave-pearl-600: #687572;
--color-cave-pearl-700: #535d5b;
--color-cave-pearl-800: #3c4443;
--color-cave-pearl-900: #2a2f2e;
--color-cave-pearl-950: #171c1b;
}SCSS
$cave-pearl: #d6e5e2;
$cave-pearl-rgb: 214, 229, 226;
$cave-pearl-light: mix(#fff, $cave-pearl, 20%);
$cave-pearl-dark: mix(#000, $cave-pearl, 20%);
.element {
color: $cave-pearl;
box-shadow: 0 0 0 2px rgba($cave-pearl, 0.35);
}