Nazwany kolor · #CAAEB8
Scented Frill
Scented Frill to #CAAEB8: rgb(202 174 184), hsl(339 21% 74%), oklch(0.778 0.035 354.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Scented Frill color name →
#CAAEB8
oklch(0.778 0.035 354.4)
Konwersje koloru
- HEX
- #caaeb8
- RGB
- rgb(202 174 184)
- HSL
- hsl(339 21% 74%)
- HWB
- hwb(339 68% 21%)
- OKLCH
- oklch(0.778 0.035 354.4)
- OKLab
- oklab(0.778 0.035 -0.003)
- CIE Lab
- lab(73.8 11.7 -1.18)
- LCH
- lch(73.8 11.76 354.2)
- CMYK
- cmyk(0% 14% 9% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFB6BF
- D5BEC6
- DAC6CD
- DFCED4
- E5D6DB
- EADEE2
- EFE6E9
- F4EEF0
- FAF7F8
Odcienie ciemniejsze
- AF97A0
- 958088
- 7C6A71
- 64555B
- 4D4145
- 372E31
- 221C1E
- 0F0B0C
- 020102
Tony
- C2A9B2
- BBA5AD
- B3A0A7
- AC9BA1
- A4979C
- 9D9296
- 968E90
- 8E898B
- 878585
Harmonie kolorów
Komplementarna +180°
- CAAEB8
Scented Frill
- A1BEB5
≈ Botanical Bliss
Analogowa -30° +30°
- CAAEB8
Scented Frill
- C3B0C4
≈ Really Romantic
- CCAFAC
≈ Lacey
Triada +120° +240°
- CAAEB8
Scented Frill
- B6BAA1
≈ Tickled Crow
- A2BBCA
≈ Always Blue
Komplementarna rozszczepiona +150° +210°
- CAAEB8
Scented Frill
- AABDA9
≈ Fresh Thyme
- 9EBEC1
≈ Warm Breezes
Tetrada +90° +180° +270°
- CAAEB8
Scented Frill
- C1B59E
≈ Roman Ruins
- A1BEB5
≈ Botanical Bliss
- ACB7CE
≈ Ethereal Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.25:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--scented-frill: #caaeb8;
--scented-frill-rgb: 202 174 184;
--scented-frill-oklch: oklch(0.778 0.035 354.4);
}
.element {
color: var(--scented-frill);
background-color: hsl(339 21% 74%);
border-color: oklch(0.778 0.035 354.4);
}Tailwind CSS v4
@theme {
--color-scented-frill: #caaeb8;
--color-scented-frill-50: #fef1f5;
--color-scented-frill-100: #f2e3e8;
--color-scented-frill-200: #e2ced4;
--color-scented-frill-300: #c7b0b8;
--color-scented-frill-400: #b096a0;
--color-scented-frill-500: #9a7d87;
--color-scented-frill-600: #826a73;
--color-scented-frill-700: #68555c;
--color-scented-frill-800: #4c3e43;
--color-scented-frill-900: #352a2f;
--color-scented-frill-950: #20181b;
}SCSS
$scented-frill: #caaeb8;
$scented-frill-rgb: 202, 174, 184;
$scented-frill-light: mix(#fff, $scented-frill, 20%);
$scented-frill-dark: mix(#000, $scented-frill, 20%);
.element {
color: $scented-frill;
box-shadow: 0 0 0 2px rgba($scented-frill, 0.35);
}