Colore con nome · #EDB48F
Peach Nirvana
Peach Nirvana è #EDB48F: rgb(237 180 143), hsl(24 72% 75%), oklch(0.813 0.083 54.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Nirvana color name →
#EDB48F
oklch(0.813 0.083 54.2)
Conversioni di colore
- HEX
- #edb48f
- RGB
- rgb(237 180 143)
- HSL
- hsl(24 72% 75%)
- HWB
- hwb(24 56% 7%)
- OKLCH
- oklch(0.813 0.083 54.2)
- OKLab
- oklab(0.813 0.049 0.067)
- CIE Lab
- lab(78.01 17.91 27.35)
- LCH
- lch(78.01 32.7 56.8)
- CMYK
- cmyk(0% 24% 40% 7%)
Tinte · Ombre · Toni
Tinte
- EFBC9A
- F1C3A5
- F3CBB1
- F5D2BC
- F7DAC7
- F9E1D2
- FBE9DD
- FCF0E8
- FEF8F4
Ombre
- CE9C7C
- B08569
- 936E57
- 775845
- 5C4434
- 423024
- 2A1D15
- 140C07
- 030201
Toni
- E2AF8E
- D7AA8D
- CCA48B
- C19F8A
- B69A89
- AB9587
- A09085
- 958A84
- 8B8582
Armonie di colore
Complementare +180°
- EDB48F
Peach Nirvana
- 8BCBF0
≈ Airy Blue
Analogo -30° +30°
- EDB48F
Peach Nirvana
- F3ADA8
≈ Lusty Salmon
- DBBE83
≈ Vermicelles
Triadico +120° +240°
- EDB48F
Peach Nirvana
- 87D4BE
≈ Blue Frosting
- C5B8F3
≈ Connecticut Lilac
Complementare divisa +150° +210°
- EDB48F
Peach Nirvana
- 7DD2DB
≈ Sea of Tranquillity
- A7C2F9
≈ Pastel Blue
Tetradico +90° +180° +270°
- EDB48F
Peach Nirvana
- A1D1A0
≈ Relaxation Green
- 8BCBF0
≈ Airy Blue
- DDB0E1
≈ Barely Bloomed
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.52:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-nirvana: #edb48f;
--peach-nirvana-rgb: 237 180 143;
--peach-nirvana-oklch: oklch(0.813 0.083 54.2);
}
.element {
color: var(--peach-nirvana);
background-color: hsl(24 72% 75%);
border-color: oklch(0.813 0.083 54.2);
}Tailwind CSS v4
@theme {
--color-peach-nirvana: #edb48f;
--color-peach-nirvana-50: #fff0df;
--color-peach-nirvana-100: #ffe2ce;
--color-peach-nirvana-200: #f1ccb3;
--color-peach-nirvana-300: #d9ad8f;
--color-peach-nirvana-400: #c5916f;
--color-peach-nirvana-500: #b1774f;
--color-peach-nirvana-600: #966544;
--color-peach-nirvana-700: #785036;
--color-peach-nirvana-800: #593a27;
--color-peach-nirvana-900: #3e281a;
--color-peach-nirvana-950: #27160a;
}SCSS
$peach-nirvana: #edb48f;
$peach-nirvana-rgb: 237, 180, 143;
$peach-nirvana-light: mix(#fff, $peach-nirvana, 20%);
$peach-nirvana-dark: mix(#000, $peach-nirvana, 20%);
.element {
color: $peach-nirvana;
box-shadow: 0 0 0 2px rgba($peach-nirvana, 0.35);
}