Adlandırılmış renk · #FECDAC
Petticoat
Petticoat, #FECDAC: rgb(254 205 172), hsl(24 98% 84%), oklch(0.883 0.071 55.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Petticoat color name →
#FECDAC
oklch(0.883 0.071 55.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FED2B4
- FFD7BD
- FFDCC5
- FFE1CD
- FFE6D6
- FFEBDE
- FFF0E6
- FFF5EE
- FFFAF7
Koyu tonlar
- DDB295
- BD987F
- 9E7E69
- 806654
- 634E40
- 47382D
- 2D231B
- 160F0B
- 030201
Gri tonlar
- F1C5A8
- E4BDA3
- D7B59F
- CAAE9B
- BEA696
- B19E92
- A5978D
- 988F89
- 8C8885
Renk uyumları
Tamamlayıcı +180°
- FECDAC
Petticoat
- AEE0FF
≈ Droplet
Analog -30° +30°
- FECDAC
Petticoat
- FFCAC4
≈ Caro
- EED6A3
≈ Astra
Üçlü +120° +240°
- FECDAC
Petticoat
- A7E8D6
≈ Sweet Aqua
- DBD1FF
≈ Pale Lavender
Bölünmüş tamamlayıcı +150° +210°
- FECDAC
Petticoat
- A0E7EF
≈ Blizzard Blue
- C7D9FF
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
- FECDAC
Petticoat
- BCE6BD
≈ Mint Parfait
- AEE0FF
≈ Droplet
- F1C9F2
≈ Sugar High
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.54:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}