Adlandırılmış renk · #F0CFA0
Peachy Skin
Peachy Skin, #F0CFA0: rgb(240 207 160), hsl(35 73% 78%), oklch(0.871 0.072 76.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peachy Skin color name →
#F0CFA0
oklch(0.871 0.072 76.3)
Renk dönüşümleri
- HEX
- #f0cfa0
- RGB
- rgb(240 207 160)
- HSL
- hsl(35 73% 78%)
- HWB
- hwb(35 63% 6%)
- OKLCH
- oklch(0.871 0.072 76.3)
- OKLab
- oklab(0.871 0.017 0.07)
- CIE Lab
- lab(85.12 7.1 27.93)
- LCH
- lch(85.12 28.82 75.7)
- CMYK
- cmyk(0% 14% 33% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2D4AA
- F3D9B3
- F5DEBD
- F6E2C6
- F8E7D0
- F9ECD9
- FBF1E3
- FCF5EC
- FEFAF6
Koyu tonlar
- D1B48B
- B29976
- 957F61
- 78674E
- 5D4F3B
- 433829
- 2A2319
- 141009
- 030201
Gri tonlar
- E4C79D
- D9BF9A
- CDB797
- C2AF94
- B7A791
- AB9F8E
- A0978A
- 968F87
- 8B8884
Renk uyumları
Tamamlayıcı +180°
- F0CFA0
Peachy Skin
- BAD7FF
≈ Oh Boy!
Analog -30° +30°
- F0CFA0
Peachy Skin
- FDC7AD
≈ Antique Coral
- DAD8A2
≈ Garden Glade
Üçlü +120° +240°
- F0CFA0
Peachy Skin
- 9CE4E4
≈ Everest
- E8C7F5
≈ Purple’s Baby Sister
Bölünmüş tamamlayıcı +150° +210°
- F0CFA0
Peachy Skin
- A2DFF9
≈ Van Gogh Blue
- D0CFFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- F0CFA0
Peachy Skin
- A8E4CA
≈ Fabulous Find
- BAD7FF
≈ Oh Boy!
- F9C2DE
≈ Miami Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.13:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--peachy-skin: #f0cfa0;
--peachy-skin-rgb: 240 207 160;
--peachy-skin-oklch: oklch(0.871 0.072 76.3);
}
.element {
color: var(--peachy-skin);
background-color: hsl(35 73% 78%);
border-color: oklch(0.871 0.072 76.3);
}Tailwind CSS v4
@theme {
--color-peachy-skin: #f0cfa0;
--color-peachy-skin-50: #fff3df;
--color-peachy-skin-100: #f5e6ce;
--color-peachy-skin-200: #e5d1b3;
--color-peachy-skin-300: #ccb48e;
--color-peachy-skin-400: #b7996e;
--color-peachy-skin-500: #a1804e;
--color-peachy-skin-600: #886c43;
--color-peachy-skin-700: #6d5735;
--color-peachy-skin-800: #513f25;
--color-peachy-skin-900: #392b19;
--color-peachy-skin-950: #23180a;
}SCSS
$peachy-skin: #f0cfa0;
$peachy-skin-rgb: 240, 207, 160;
$peachy-skin-light: mix(#fff, $peachy-skin, 20%);
$peachy-skin-dark: mix(#000, $peachy-skin, 20%);
.element {
color: $peachy-skin;
box-shadow: 0 0 0 2px rgba($peachy-skin, 0.35);
}