Nazwany kolor · #CEDBD5
Pearly Jade
Pearly Jade to #CEDBD5: rgb(206 219 213), hsl(152 15% 83%), oklch(0.88 0.016 166.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pearly Jade color name →
#CEDBD5
oklch(0.88 0.016 166.7)
Konwersje koloru
- HEX
- #cedbd5
- RGB
- rgb(206 219 213)
- HSL
- hsl(152 15% 83%)
- HWB
- hwb(152 81% 14%)
- OKLCH
- oklch(0.88 0.016 166.7)
- OKLab
- oklab(0.88 -0.016 0.004)
- CIE Lab
- lab(86.28 -5.36 1.37)
- LCH
- lch(86.28 5.54 165.7)
- CMYK
- cmyk(6% 0% 3% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3DFD9
- D8E2DD
- DDE6E1
- E1E9E6
- E6EDEA
- EBF0EE
- F0F4F2
- F5F8F6
- FAFBFB
Odcienie ciemniejsze
- B3BEB9
- 98A29E
- 7F8783
- 666D6A
- 4E5451
- 383C3A
- 232624
- 0F1110
- 020202
Tony
- C6D2CC
- BEC8C3
- B6BFBB
- AEB6B2
- A6ACAA
- 9EA3A1
- 979A99
- 8F9190
- 888988
Harmonie kolorów
Komplementarna +180°
- CEDBD5
Pearly Jade
- E0D3D9
≈ Fairy White
Analogowa -30° +30°
- CEDBD5
Pearly Jade
- D3DAD0
≈ Dead Nettle White
- CCDBDB
≈ Light Detroit
Triada +120° +240°
- CEDBD5
Pearly Jade
- D6D6E2
≈ Heavenly Haze
- E1D4CF
≈ Light Weathered Hide
Komplementarna rozszczepiona +150° +210°
- CEDBD5
Pearly Jade
- DCD4DF
≈ Timid Violet
- E2D3D4
≈ Theatre Powder Rose
Tetrada +90° +180° +270°
- CEDBD5
Pearly Jade
- D1D8E2
≈ So Blue-Berry
- E0D3D9
≈ Fairy White
- DED6CC
≈ Pearl Oyster
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.71:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearly-jade: #cedbd5;
--pearly-jade-rgb: 206 219 213;
--pearly-jade-oklch: oklch(0.88 0.016 166.7);
}
.element {
color: var(--pearly-jade);
background-color: hsl(152 15% 83%);
border-color: oklch(0.88 0.016 166.7);
}Tailwind CSS v4
@theme {
--color-pearly-jade: #cedbd5;
--color-pearly-jade-50: #f1f7f4;
--color-pearly-jade-100: #e3eae7;
--color-pearly-jade-200: #ced6d3;
--color-pearly-jade-300: #b0bab6;
--color-pearly-jade-400: #96a29c;
--color-pearly-jade-500: #7d8a84;
--color-pearly-jade-600: #6a7570;
--color-pearly-jade-700: #545d59;
--color-pearly-jade-800: #3d4441;
--color-pearly-jade-900: #2a2f2d;
--color-pearly-jade-950: #181c1a;
}SCSS
$pearly-jade: #cedbd5;
$pearly-jade-rgb: 206, 219, 213;
$pearly-jade-light: mix(#fff, $pearly-jade, 20%);
$pearly-jade-dark: mix(#000, $pearly-jade, 20%);
.element {
color: $pearly-jade;
box-shadow: 0 0 0 2px rgba($pearly-jade, 0.35);
}