Adlandırılmış renk · #FFC7A0
Apricot Froth
Apricot Froth, #FFC7A0: rgb(255 199 160), hsl(25 100% 81%), oklch(0.87 0.082 56.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Apricot Froth color name →
#FFC7A0
oklch(0.87 0.082 56.2)
Renk dönüşümleri
- HEX
- #ffc7a0
- RGB
- rgb(255 199 160)
- HSL
- hsl(25 100% 81%)
- HWB
- hwb(25 63% 0%)
- OKLCH
- oklch(0.87 0.082 56.2)
- OKLab
- oklab(0.87 0.046 0.068)
- CIE Lab
- lab(84.65 16.88 27.62)
- LCH
- lch(84.65 32.37 58.6)
- CMYK
- cmyk(0% 22% 37% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFCDAA
- FFD2B3
- FFD8BD
- FFDEC6
- FFE3D0
- FFE9D9
- FFEEE3
- FFF4EC
- FFF9F6
Koyu tonlar
- DEAD8B
- BE9376
- 9E7A61
- 80624E
- 634C3B
- 483629
- 2E2119
- 160E09
- 030201
Gri tonlar
- F2C09D
- E5B99A
- D8B197
- CBAA94
- BEA391
- B29C8E
- A5958A
- 998E87
- 8C8783
Renk uyumları
Tamamlayıcı +180°
- FFC7A0
Apricot Froth
- A6DDFF
≈ Droplet
Analog -30° +30°
- FFC7A0
Apricot Froth
- FFC4BD
≈ Impatiens Pink
- ECD196
≈ Sparkling Champagne
Üçlü +120° +240°
- FFC7A0
Apricot Froth
- 98E7D2
≈ Neverland
- D8CBFF
≈ Foggy Heath
Bölünmüş tamamlayıcı +150° +210°
- FFC7A0
Apricot Froth
- 91E4EF
≈ Blizzard Blue
- C1D4FF
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
- FFC7A0
Apricot Froth
- B2E4B5
≈ Mint Cocktail Green
- A6DDFF
≈ Droplet
- F1C2F1
≈ Purple’s Baby Sister
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.92:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.92:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--apricot-froth: #ffc7a0;
--apricot-froth-rgb: 255 199 160;
--apricot-froth-oklch: oklch(0.87 0.082 56.2);
}
.element {
color: var(--apricot-froth);
background-color: hsl(25 100% 81%);
border-color: oklch(0.87 0.082 56.2);
}Tailwind CSS v4
@theme {
--color-apricot-froth: #ffc7a0;
--color-apricot-froth-50: #fff0df;
--color-apricot-froth-100: #fee2ce;
--color-apricot-froth-200: #f0ccb2;
--color-apricot-froth-300: #d8ae8e;
--color-apricot-froth-400: #c4926f;
--color-apricot-froth-500: #b0784e;
--color-apricot-froth-600: #956543;
--color-apricot-froth-700: #775135;
--color-apricot-froth-800: #593a26;
--color-apricot-froth-900: #3e2819;
--color-apricot-froth-950: #27160a;
}SCSS
$apricot-froth: #ffc7a0;
$apricot-froth-rgb: 255, 199, 160;
$apricot-froth-light: mix(#fff, $apricot-froth, 20%);
$apricot-froth-dark: mix(#000, $apricot-froth, 20%);
.element {
color: $apricot-froth;
box-shadow: 0 0 0 2px rgba($apricot-froth, 0.35);
}