Najbliższy nazwany kolor · #D9CBCE
#D9CBCE
Najbliższy nazwany kolor: Secret Blush
#D9CBCE (rgb(217 203 206), hsl(347 16% 82%), oklch(0.854 0.016 2.7)) jest najbliższy nazwanemu kolorowi Secret Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D9CBCE
oklch(0.854 0.016 2.7)
Konwersje koloru
- HEX
- #d9cbce
- RGB
- rgb(217 203 206)
- HSL
- hsl(347 16% 82%)
- HWB
- hwb(347 80% 15%)
- OKLCH
- oklch(0.854 0.016 2.7)
- OKLab
- oklab(0.854 0.016 0.001)
- CIE Lab
- lab(82.91 5.42 0.35)
- LCH
- lch(82.91 5.43 3.7)
- CMYK
- cmyk(0% 6% 5% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDD0D3
- E1D5D8
- E4DADC
- E8E0E1
- ECE5E6
- F0EAEB
- F4EFF0
- F7F4F5
- FBFAFA
Odcienie ciemniejsze
- BCB0B3
- A19698
- 867D7F
- 6C6566
- 534D4E
- 3B3738
- 252223
- 110F0F
- 020202
Tony
- D0C3C6
- C7BCBE
- BDB4B6
- B4ACAE
- ABA5A6
- A39D9E
- 9A9697
- 918E8F
- 898787
Harmonie kolorów
Komplementarna +180°
- D9CBCE
Secret Blush
- C4D3D0
≈ Winter Garden
Analogowa -30° +30°
- D9CBCE
Secret Blush
- D6CBD4
≈ Purple Cream
- D9CCC8
≈ Nut Milk
Triada +120° +240°
- D9CBCE
Secret Blush
- CDD1C6
≈ Washed Green
- C7D1D9
≈ Memory Lane
Komplementarna rozszczepiona +150° +210°
- D9CBCE
Secret Blush
- C8D2CA
≈ Blue Flower
- C4D2D5
≈ Sunday Sky
Tetrada +90° +180° +270°
- D9CBCE
Secret Blush
- D3CFC4
≈ Silver Birch
- C4D3D0
≈ Winter Garden
- CBCFDA
≈ Pale Shale
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.38:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--secret-blush: #d9cbce;
--secret-blush-rgb: 217 203 206;
--secret-blush-oklch: oklch(0.854 0.016 2.7);
}
.element {
color: var(--secret-blush);
background-color: hsl(347 16% 82%);
border-color: oklch(0.854 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-secret-blush: #d9cbce;
--color-secret-blush-50: #f9f3f4;
--color-secret-blush-100: #ede6e7;
--color-secret-blush-200: #dbd1d3;
--color-secret-blush-300: #bfb4b6;
--color-secret-blush-400: #a79b9d;
--color-secret-blush-500: #908285;
--color-secret-blush-600: #7a6e71;
--color-secret-blush-700: #62585a;
--color-secret-blush-800: #474042;
--color-secret-blush-900: #312c2d;
--color-secret-blush-950: #1d191a;
}SCSS
$secret-blush: #d9cbce;
$secret-blush-rgb: 217, 203, 206;
$secret-blush-light: mix(#fff, $secret-blush, 20%);
$secret-blush-dark: mix(#000, $secret-blush, 20%);
.element {
color: $secret-blush;
box-shadow: 0 0 0 2px rgba($secret-blush, 0.35);
}