Colore con nome · #FFCBA2
Phenomenal Peach
Phenomenal Peach è #FFCBA2: rgb(255 203 162), hsl(26 100% 82%), oklch(0.878 0.08 59.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Phenomenal Peach color name →
#FFCBA2
oklch(0.878 0.08 59.7)
Conversioni di colore
- HEX
- #ffcba2
- RGB
- rgb(255 203 162)
- HSL
- hsl(26 100% 82%)
- HWB
- hwb(26 64% 0%)
- OKLCH
- oklch(0.878 0.08 59.7)
- OKLab
- oklab(0.878 0.04 0.069)
- CIE Lab
- lab(85.63 15.07 27.88)
- LCH
- lch(85.63 31.7 61.6)
- CMYK
- cmyk(0% 20% 36% 0%)
Tinte · Ombre · Toni
Tinte
- FFD0AB
- FFD6B5
- FFDBBE
- FFE0C8
- FFE5D1
- FFEADA
- FFF0E3
- FFF5ED
- FFFAF6
Ombre
- DEB08C
- BE9677
- 9E7D63
- 80654F
- 634D3C
- 48372A
- 2E2219
- 160F0A
- 030201
Toni
- F2C39F
- E5BC9C
- D8B498
- CBAD95
- BEA592
- B29E8E
- A5968B
- 998F87
- 8C8784
Armonie di colore
Complementare +180°
- FFCBA2
Phenomenal Peach
- AFDEFF
≈ Droplet
Analogo -30° +30°
- FFCBA2
Phenomenal Peach
- FFC8BE
≈ The Bluff
- EBD59A
≈ Palm Sugar Yellow
Triadico +120° +240°
- FFCBA2
Phenomenal Peach
- 9BE9D8
≈ Oasis Stream
- DDCDFF
≈ Pale Lavender
Complementare divisa +150° +210°
- FFCBA2
Phenomenal Peach
- 96E6F4
≈ Blizzard Blue
- C7D6FF
≈ Pale Phthalo Blue
Tetradico +90° +180° +270°
- FFCBA2
Phenomenal Peach
- B2E6BB
≈ Glaucous Green
- AFDEFF
≈ Droplet
- F6C4F1
≈ Purple’s Baby Sister
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.31:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--phenomenal-peach: #ffcba2;
--phenomenal-peach-rgb: 255 203 162;
--phenomenal-peach-oklch: oklch(0.878 0.08 59.7);
}
.element {
color: var(--phenomenal-peach);
background-color: hsl(26 100% 82%);
border-color: oklch(0.878 0.08 59.7);
}Tailwind CSS v4
@theme {
--color-phenomenal-peach: #ffcba2;
--color-phenomenal-peach-50: #fff1de;
--color-phenomenal-peach-100: #fce3cd;
--color-phenomenal-peach-200: #eecdb2;
--color-phenomenal-peach-300: #d6af8e;
--color-phenomenal-peach-400: #c2936e;
--color-phenomenal-peach-500: #ad794e;
--color-phenomenal-peach-600: #926743;
--color-phenomenal-peach-700: #755235;
--color-phenomenal-peach-800: #573b26;
--color-phenomenal-peach-900: #3d2919;
--color-phenomenal-peach-950: #26160a;
}SCSS
$phenomenal-peach: #ffcba2;
$phenomenal-peach-rgb: 255, 203, 162;
$phenomenal-peach-light: mix(#fff, $phenomenal-peach, 20%);
$phenomenal-peach-dark: mix(#000, $phenomenal-peach, 20%);
.element {
color: $phenomenal-peach;
box-shadow: 0 0 0 2px rgba($phenomenal-peach, 0.35);
}