Adlandırılmış renk · #FFB278
Isn’t It Just Peachy
Isn’t It Just Peachy, #FFB278: rgb(255 178 120), hsl(26 100% 74%), oklch(0.825 0.117 57.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? → · Isn’t It Just Peachy color name →
#FFB278
oklch(0.825 0.117 57.3)
Renk dönüşümleri
- HEX
- #ffb278
- RGB
- rgb(255 178 120)
- HSL
- hsl(26 100% 74%)
- HWB
- hwb(26 47% 0%)
- OKLCH
- oklch(0.825 0.117 57.3)
- OKLab
- oklab(0.825 0.063 0.098)
- CIE Lab
- lab(79.22 24.45 41.31)
- LCH
- lch(79.22 48 59.4)
- CMYK
- cmyk(0% 30% 53% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFBA86
- FFC294
- FFCAA2
- FFD1B0
- FFD9BD
- FFE1CA
- FFE8D7
- FFF0E5
- FFF8F2
Koyu tonlar
- DE9A67
- BE8357
- 9E6D48
- 805739
- 63432A
- 482F1D
- 2E1D10
- 160C05
- 030101
Gri tonlar
- F2AD7A
- E5A87C
- D8A37D
- CC9F7E
- BF9A7F
- B2957F
- A69080
- 998A80
- 8D8580
Renk uyumları
Tamamlayıcı +180°
- FFB278
Isn’t It Just Peachy
- 84D0FF
≈ Drift on the Sea
Analog -30° +30°
- FFB278
Isn’t It Just Peachy
- FFADA3
≈ Apricot Blush
- E6C167
≈ Golden Chalice
Üçlü +120° +240°
- FFB278
Isn’t It Just Peachy
- 64DEC5
≈ Star Grass
- CCB8FF
≈ Violet Heaven
Bölünmüş tamamlayıcı +150° +210°
- FFB278
Isn’t It Just Peachy
- 56DBEC
≈ Electric Lemonade
- ADC4FF
≈ Pastel Blue
Dörtlü +90° +180° +270°
- FFB278
Isn’t It Just Peachy
- 91DB99
≈ Retro
- 84D0FF
≈ Drift on the Sea
- EEABED
≈ Pinky Swear
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.89:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--isn-t-it-just-peachy: #ffb278;
--isn-t-it-just-peachy-rgb: 255 178 120;
--isn-t-it-just-peachy-oklch: oklch(0.825 0.117 57.3);
}
.element {
color: var(--isn-t-it-just-peachy);
background-color: hsl(26 100% 74%);
border-color: oklch(0.825 0.117 57.3);
}Tailwind CSS v4
@theme {
--color-isn-t-it-just-peachy: #ffb278;
--color-isn-t-it-just-peachy-50: #ffeed5;
--color-isn-t-it-just-peachy-100: #ffdfc2;
--color-isn-t-it-just-peachy-200: #fac9a3;
--color-isn-t-it-just-peachy-300: #e4a97a;
--color-isn-t-it-just-peachy-400: #d28c56;
--color-isn-t-it-just-peachy-500: #bf702c;
--color-isn-t-it-just-peachy-600: #a15f27;
--color-isn-t-it-just-peachy-700: #814c1f;
--color-isn-t-it-just-peachy-800: #613616;
--color-isn-t-it-just-peachy-900: #44250e;
--color-isn-t-it-just-peachy-950: #2c1302;
}SCSS
$isn-t-it-just-peachy: #ffb278;
$isn-t-it-just-peachy-rgb: 255, 178, 120;
$isn-t-it-just-peachy-light: mix(#fff, $isn-t-it-just-peachy, 20%);
$isn-t-it-just-peachy-dark: mix(#000, $isn-t-it-just-peachy, 20%);
.element {
color: $isn-t-it-just-peachy;
box-shadow: 0 0 0 2px rgba($isn-t-it-just-peachy, 0.35);
}