Nazwany kolor · #EBBCB9
Arizona Sunrise
Arizona Sunrise to #EBBCB9: rgb(235 188 185), hsl(4 56% 82%), oklch(0.836 0.055 22.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Arizona Sunrise color name →
#EBBCB9
oklch(0.836 0.055 22.6)
Konwersje koloru
- HEX
- #ebbcb9
- RGB
- rgb(235 188 185)
- HSL
- hsl(4 56% 82%)
- HWB
- hwb(4 73% 8%)
- OKLCH
- oklch(0.836 0.055 22.6)
- OKLab
- oklab(0.836 0.05 0.021)
- CIE Lab
- lab(80.45 17.07 8.28)
- LCH
- lch(80.45 18.98 25.9)
- CMYK
- cmyk(0% 20% 21% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDC3C0
- F0C9C7
- F2D0CE
- F4D7D5
- F6DDDC
- F8E4E3
- FAEBEA
- FCF1F1
- FDF8F8
Odcienie ciemniejsze
- CCA3A0
- AE8B89
- 917371
- 755D5B
- 5B4746
- 413231
- 291F1E
- 130D0D
- 030202
Tony
- E0B6B3
- D5B0AD
- CAAAA8
- BFA4A2
- B59E9C
- AA9896
- 9F9291
- 958C8B
- 8A8686
Harmonie kolorów
Komplementarna +180°
- EBBCB9
Arizona Sunrise
- A0D4D9
≈ Dulcet
Analogowa -30° +30°
- EBBCB9
Arizona Sunrise
- E7BBCD
≈ Pink Mist
- E7C0A9
≈ Copper Blush
Triada +120° +240°
- EBBCB9
Arizona Sunrise
- B5D3B2
≈ Flower Stem
- B6CAEE
≈ Cuddle
Komplementarna rozszczepiona +150° +210°
- EBBCB9
Arizona Sunrise
- A6D5C5
≈ Southern Belle
- A7D0E7
≈ Chefchaouen Blue
Tetrada +90° +180° +270°
- EBBCB9
Arizona Sunrise
- C9CDA5
≈ Baize Green
- A0D4D9
≈ Dulcet
- CAC3EA
≈ Party Hat
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.42:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--arizona-sunrise: #ebbcb9;
--arizona-sunrise-rgb: 235 188 185;
--arizona-sunrise-oklch: oklch(0.836 0.055 22.6);
}
.element {
color: var(--arizona-sunrise);
background-color: hsl(4 56% 82%);
border-color: oklch(0.836 0.055 22.6);
}Tailwind CSS v4
@theme {
--color-arizona-sunrise: #ebbcb9;
--color-arizona-sunrise-50: #fff0ed;
--color-arizona-sunrise-100: #fae1df;
--color-arizona-sunrise-200: #ebccc9;
--color-arizona-sunrise-300: #d2adaa;
--color-arizona-sunrise-400: #bd9290;
--color-arizona-sunrise-500: #a87876;
--color-arizona-sunrise-600: #8e6664;
--color-arizona-sunrise-700: #72514f;
--color-arizona-sunrise-800: #543b3a;
--color-arizona-sunrise-900: #3a2828;
--color-arizona-sunrise-950: #241616;
}SCSS
$arizona-sunrise: #ebbcb9;
$arizona-sunrise-rgb: 235, 188, 185;
$arizona-sunrise-light: mix(#fff, $arizona-sunrise, 20%);
$arizona-sunrise-dark: mix(#000, $arizona-sunrise, 20%);
.element {
color: $arizona-sunrise;
box-shadow: 0 0 0 2px rgba($arizona-sunrise, 0.35);
}