Nazwany kolor · #F2E9D5
Pearled Couscous
Pearled Couscous to #F2E9D5: rgb(242 233 213), hsl(41 53% 89%), oklch(0.936 0.028 86.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pearled Couscous color name →
#F2E9D5
oklch(0.936 0.028 86.6)
Konwersje koloru
- HEX
- #f2e9d5
- RGB
- rgb(242 233 213)
- HSL
- hsl(41 53% 89%)
- HWB
- hwb(41 84% 5%)
- OKLCH
- oklch(0.936 0.028 86.6)
- OKLab
- oklab(0.936 0.002 0.028)
- CIE Lab
- lab(92.67 0.7 10.9)
- LCH
- lch(92.67 10.92 86.3)
- CMYK
- cmyk(0% 4% 12% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3EBD9
- F5EDDD
- F6F0E2
- F7F2E6
- F8F4EA
- FAF6EE
- FBF8F2
- FCFBF7
- FEFDFB
Odcienie ciemniejsze
- D2CBB9
- B4AD9E
- 969083
- 79746A
- 5E5A51
- 43413A
- 2B2924
- 141310
- 030302
Tony
- E6DECC
- DAD3C3
- CEC8BB
- C3BEB2
- B7B3AA
- ACA9A1
- A19E99
- 969490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F2E9D5
Pearled Couscous
- E1EAFD
≈ Husky
Analogowa -30° +30°
- F2E9D5
Pearled Couscous
- F9E6D8
≈ Hint of Orange
- E8EDD8
≈ Blissful Serenity
Triada +120° +240°
- F2E9D5
Pearled Couscous
- D5F0F3
≈ Let It Snow
- F4E4F4
≈ Minute Mauve
Komplementarna rozszczepiona +150° +210°
- F2E9D5
Pearled Couscous
- D9EDFB
≈ Hoarfrost
- EBE6FB
≈ Cyber Lavender
Tetrada +90° +180° +270°
- F2E9D5
Pearled Couscous
- D7F0E9
≈ Green Frosting
- E1EAFD
≈ Husky
- FBE2EA
≈ Spun Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.39:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearled-couscous: #f2e9d5;
--pearled-couscous-rgb: 242 233 213;
--pearled-couscous-oklch: oklch(0.936 0.028 86.6);
}
.element {
color: var(--pearled-couscous);
background-color: hsl(41 53% 89%);
border-color: oklch(0.936 0.028 86.6);
}Tailwind CSS v4
@theme {
--color-pearled-couscous: #f2e9d5;
--color-pearled-couscous-50: #f8f5ec;
--color-pearled-couscous-100: #ece8dd;
--color-pearled-couscous-200: #d9d4c7;
--color-pearled-couscous-300: #bdb7a7;
--color-pearled-couscous-400: #a69e8c;
--color-pearled-couscous-500: #8e8571;
--color-pearled-couscous-600: #787160;
--color-pearled-couscous-700: #605a4d;
--color-pearled-couscous-800: #474237;
--color-pearled-couscous-900: #312d26;
--color-pearled-couscous-950: #1d1a14;
}SCSS
$pearled-couscous: #f2e9d5;
$pearled-couscous-rgb: 242, 233, 213;
$pearled-couscous-light: mix(#fff, $pearled-couscous, 20%);
$pearled-couscous-dark: mix(#000, $pearled-couscous, 20%);
.element {
color: $pearled-couscous;
box-shadow: 0 0 0 2px rgba($pearled-couscous, 0.35);
}