Couleur nommée · #FECDAC
Petticoat
Petticoat correspond à #FECDAC : rgb(254 205 172), hsl(24 98% 84%), oklch(0.883 0.071 55.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Petticoat color name →
#FECDAC
oklch(0.883 0.071 55.6)
Conversions de couleur
- HEX
- #fecdac
- RGB
- rgb(254 205 172)
- HSL
- hsl(24 98% 84%)
- HWB
- hwb(24 67% 0%)
- OKLCH
- oklch(0.883 0.071 55.6)
- OKLab
- oklab(0.883 0.04 0.058)
- CIE Lab
- lab(86.17 14.57 23.39)
- LCH
- lch(86.17 27.55 58.1)
- CMYK
- cmyk(0% 19% 32% 0%)
Teintes · Ombres · Tons
Teintes
- FED2B4
- FFD7BD
- FFDCC5
- FFE1CD
- FFE6D6
- FFEBDE
- FFF0E6
- FFF5EE
- FFFAF7
Ombres
- DDB295
- BD987F
- 9E7E69
- 806654
- 634E40
- 47382D
- 2D231B
- 160F0B
- 030201
Tons
- F1C5A8
- E4BDA3
- D7B59F
- CAAE9B
- BEA696
- B19E92
- A5978D
- 988F89
- 8C8885
Harmonies de couleurs
Complémentaire +180°
- FECDAC
Petticoat
- AEE0FF
≈ Droplet
Analogue -30° +30°
- FECDAC
Petticoat
- FFCAC4
≈ Caro
- EED6A3
≈ Astra
Triadique +120° +240°
- FECDAC
Petticoat
- A7E8D6
≈ Sweet Aqua
- DBD1FF
≈ Pale Lavender
Complémentaire divisée +150° +210°
- FECDAC
Petticoat
- A0E7EF
≈ Blizzard Blue
- C7D9FF
≈ Pale Phthalo Blue
Tétradique +90° +180° +270°
- FECDAC
Petticoat
- BCE6BD
≈ Mint Parfait
- AEE0FF
≈ Droplet
- F1C9F2
≈ Sugar High
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.44:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.54:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--petticoat: #fecdac;
--petticoat-rgb: 254 205 172;
--petticoat-oklch: oklch(0.883 0.071 55.6);
}
.element {
color: var(--petticoat);
background-color: hsl(24 98% 84%);
border-color: oklch(0.883 0.071 55.6);
}Tailwind CSS v4
@theme {
--color-petticoat: #fecdac;
--color-petticoat-50: #fff1e2;
--color-petticoat-100: #fbe3d1;
--color-petticoat-200: #eccdb7;
--color-petticoat-300: #d4af94;
--color-petticoat-400: #c09476;
--color-petticoat-500: #ab7a58;
--color-petticoat-600: #90674b;
--color-petticoat-700: #74523b;
--color-petticoat-800: #563c2b;
--color-petticoat-900: #3c291d;
--color-petticoat-950: #26170d;
}SCSS
$petticoat: #fecdac;
$petticoat-rgb: 254, 205, 172;
$petticoat-light: mix(#fff, $petticoat, 20%);
$petticoat-dark: mix(#000, $petticoat, 20%);
.element {
color: $petticoat;
box-shadow: 0 0 0 2px rgba($petticoat, 0.35);
}