Nazwany kolor · #D78E6B
Balcony Sunset
Balcony Sunset to #D78E6B: rgb(215 142 107), hsl(19 57% 63%), oklch(0.713 0.102 46.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Balcony Sunset color name →
#D78E6B
oklch(0.713 0.102 46.3)
Konwersje koloru
- HEX
- #d78e6b
- RGB
- rgb(215 142 107)
- HSL
- hsl(19 57% 63%)
- HWB
- hwb(19 42% 16%)
- OKLCH
- oklch(0.713 0.102 46.3)
- OKLab
- oklab(0.713 0.07 0.073)
- CIE Lab
- lab(66.06 25.76 30.57)
- LCH
- lch(66.06 39.98 49.9)
- CMYK
- cmyk(0% 34% 50% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DC997A
- E0A588
- E5B097
- E9BBA6
- EDC6B4
- F1D2C3
- F5DDD2
- F8E8E1
- FCF4F0
Odcienie ciemniejsze
- BB7B5C
- 9F684E
- 85563F
- 6B4432
- 523425
- 3B2418
- 25150D
- 110704
- 020100
Tony
- CE8D6E
- C68C70
- BD8B73
- B58975
- AC8877
- A38779
- 9B857B
- 92837D
- 89827E
Harmonie kolorów
Komplementarna +180°
- D78E6B
Balcony Sunset
- 53AFD3
≈ Epimetheus
Analogowa -30° +30°
- D78E6B
Balcony Sunset
- DA888C
≈ Finest Blush
- C79A55
≈ Borderline
Triada +120° +240°
- D78E6B
Balcony Sunset
- 5DB794
≈ Crazy Eyes
- 9D99DF
≈ Dull Lavender
Komplementarna rozszczepiona +150° +210°
- D78E6B
Balcony Sunset
- 43B6B7
≈ Crystalsong Blue
- 78A5E1
≈ Greek Sea
Tetrada +90° +180° +270°
- D78E6B
Balcony Sunset
- 85B171
≈ Joshua Tree
- 53AFD3
≈ Epimetheus
- BC8ECD
≈ Pale Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.97:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--balcony-sunset: #d78e6b;
--balcony-sunset-rgb: 215 142 107;
--balcony-sunset-oklch: oklch(0.713 0.102 46.3);
}
.element {
color: var(--balcony-sunset);
background-color: hsl(19 57% 63%);
border-color: oklch(0.713 0.102 46.3);
}Tailwind CSS v4
@theme {
--color-balcony-sunset: #d78e6b;
--color-balcony-sunset-50: #ffeddc;
--color-balcony-sunset-100: #ffdfcb;
--color-balcony-sunset-200: #fac8af;
--color-balcony-sunset-300: #e3a88a;
--color-balcony-sunset-400: #d08b6a;
--color-balcony-sunset-500: #bd6f49;
--color-balcony-sunset-600: #9f5e3f;
--color-balcony-sunset-700: #804b32;
--color-balcony-sunset-800: #5f3624;
--color-balcony-sunset-900: #432518;
--color-balcony-sunset-950: #2b1309;
}SCSS
$balcony-sunset: #d78e6b;
$balcony-sunset-rgb: 215, 142, 107;
$balcony-sunset-light: mix(#fff, $balcony-sunset, 20%);
$balcony-sunset-dark: mix(#000, $balcony-sunset, 20%);
.element {
color: $balcony-sunset;
box-shadow: 0 0 0 2px rgba($balcony-sunset, 0.35);
}