Nazwany kolor · #F5D2AC
Pekin Chicken
Pekin Chicken to #F5D2AC: rgb(245 210 172), hsl(31 78% 82%), oklch(0.884 0.064 69.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Pekin Chicken color name →
#F5D2AC
oklch(0.884 0.064 69.2)
Konwersje koloru
- HEX
- #f5d2ac
- RGB
- rgb(245 210 172)
- HSL
- hsl(31 78% 82%)
- HWB
- hwb(31 67% 4%)
- OKLCH
- oklch(0.884 0.064 69.2)
- OKLab
- oklab(0.884 0.023 0.059)
- CIE Lab
- lab(86.51 8.65 23.68)
- LCH
- lch(86.51 25.21 69.9)
- CMYK
- cmyk(0% 14% 30% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6D7B4
- F7DBBD
- F8E0C5
- F9E4CD
- FAE9D6
- FBEDDE
- FCF2E6
- FDF6EE
- FEFBF7
Odcienie ciemniejsze
- D5B695
- B69B7F
- 988169
- 7B6854
- 5F5040
- 44392D
- 2B241B
- 15100B
- 030201
Tony
- E9CAA8
- DDC1A3
- D1B99F
- C5B19B
- B9A896
- ADA092
- A2988E
- 969089
- 8B8885
Harmonie kolorów
Komplementarna +180°
- F5D2AC
Pekin Chicken
- BBDDFF
≈ Broad Daylight
Analogowa -30° +30°
- F5D2AC
Pekin Chicken
- FFCBBA
≈ Piggy Bank
- E3DAAA
≈ Dried Palm
Triada +120° +240°
- F5D2AC
Pekin Chicken
- A8E7E1
≈ Aquatic Mist
- E5CEF9
≈ Mousse aux Pruneaux
Komplementarna rozszczepiona +150° +210°
- F5D2AC
Pekin Chicken
- AAE4F6
≈ Atmospheric Soft Blue
- D0D6FF
≈ Pale Phthalo Blue
Tetrada +90° +180° +270°
- F5D2AC
Pekin Chicken
- B6E6CA
≈ Canton Jade
- BBDDFF
≈ Broad Daylight
- F6C9E7
≈ Classic Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.69:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--pekin-chicken: #f5d2ac;
--pekin-chicken-rgb: 245 210 172;
--pekin-chicken-oklch: oklch(0.884 0.064 69.2);
}
.element {
color: var(--pekin-chicken);
background-color: hsl(31 78% 82%);
border-color: oklch(0.884 0.064 69.2);
}Tailwind CSS v4
@theme {
--color-pekin-chicken: #f5d2ac;
--color-pekin-chicken-50: #fff3e2;
--color-pekin-chicken-100: #f6e5d1;
--color-pekin-chicken-200: #e6d0b7;
--color-pekin-chicken-300: #cdb394;
--color-pekin-chicken-400: #b79876;
--color-pekin-chicken-500: #a27f57;
--color-pekin-chicken-600: #896b4a;
--color-pekin-chicken-700: #6e563b;
--color-pekin-chicken-800: #513e2a;
--color-pekin-chicken-900: #392b1c;
--color-pekin-chicken-950: #23180d;
}SCSS
$pekin-chicken: #f5d2ac;
$pekin-chicken-rgb: 245, 210, 172;
$pekin-chicken-light: mix(#fff, $pekin-chicken, 20%);
$pekin-chicken-dark: mix(#000, $pekin-chicken, 20%);
.element {
color: $pekin-chicken;
box-shadow: 0 0 0 2px rgba($pekin-chicken, 0.35);
}