Benannte Farbe · #EDB48F
Peach Nirvana
Peach Nirvana ist #EDB48F: rgb(237 180 143), hsl(24 72% 75%), oklch(0.813 0.083 54.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peach Nirvana color name →
#EDB48F
oklch(0.813 0.083 54.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- EFBC9A
- F1C3A5
- F3CBB1
- F5D2BC
- F7DAC7
- F9E1D2
- FBE9DD
- FCF0E8
- FEF8F4
Shades
- CE9C7C
- B08569
- 936E57
- 775845
- 5C4434
- 423024
- 2A1D15
- 140C07
- 030201
Tones
- E2AF8E
- D7AA8D
- CCA48B
- C19F8A
- B69A89
- AB9587
- A09085
- 958A84
- 8B8582
Farbharmonien
Komplementär +180°
- EDB48F
Peach Nirvana
- 8BCBF0
≈ Airy Blue
Analog -30° +30°
- EDB48F
Peach Nirvana
- F3ADA8
≈ Lusty Salmon
- DBBE83
≈ Vermicelles
Triadisch +120° +240°
- EDB48F
Peach Nirvana
- 87D4BE
≈ Blue Frosting
- C5B8F3
≈ Connecticut Lilac
Geteilt komplementär +150° +210°
- EDB48F
Peach Nirvana
- 7DD2DB
≈ Sea of Tranquillity
- A7C2F9
≈ Pastel Blue
Tetradisch +90° +180° +270°
- EDB48F
Peach Nirvana
- A1D1A0
≈ Relaxation Green
- 8BCBF0
≈ Airy Blue
- DDB0E1
≈ Barely Bloomed
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.82:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.52:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
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);
}