Nazwany kolor · #E6994C
Colorado Peach
Colorado Peach to #E6994C: rgb(230 153 76), hsl(30 75% 60%), oklch(0.746 0.131 63.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Colorado Peach color name →
#E6994C
oklch(0.746 0.131 63.3)
Konwersje koloru
- HEX
- #e6994c
- RGB
- rgb(230 153 76)
- HSL
- hsl(30 75% 60%)
- HWB
- hwb(30 30% 10%)
- OKLCH
- oklch(0.746 0.131 63.3)
- OKLab
- oklab(0.746 0.059 0.117)
- CIE Lab
- lab(70.09 24.65 51.63)
- LCH
- lch(70.09 57.21 64.5)
- CMYK
- cmyk(0% 33% 67% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9A461
- ECAE74
- EFB886
- F2C298
- F5CDA9
- F7D7BA
- F9E1CC
- FBEBDD
- FDF5EE
Odcienie ciemniejsze
- C88441
- AB7036
- 8E5D2C
- 734A22
- 593818
- 40270F
- 281706
- 130802
- 030100
Tony
- DC9754
- D2955B
- C89361
- BD9067
- B38E6C
- A98B71
- 9F8975
- 958679
- 8A837D
Harmonie kolorów
Komplementarna +180°
- E6994C
Colorado Peach
- 5AB5F8
≈ Tiān Lán Sky
Analogowa -30° +30°
- E6994C
Colorado Peach
- F38C75
≈ Corralize
- C9AA3C
≈ Oil Yellow
Triada +120° +240°
- E6994C
Colorado Peach
- 12C7B5
≈ Amazonite
- BE97F0
≈ Bright Lavender
Komplementarna rozszczepiona +150° +210°
- E6994C
Colorado Peach
- 01C1DE
≈ Caribbean Blue
- 92A6FF
≈ Widowmaker
Tetrada +90° +180° +270°
- E6994C
Colorado Peach
- 63C485
≈ Enamelled Dragon
- 5AB5F8
≈ Tiān Lán Sky
- DE8CCF
≈ Blushed Bombshell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.02:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--colorado-peach: #e6994c;
--colorado-peach-rgb: 230 153 76;
--colorado-peach-oklch: oklch(0.746 0.131 63.3);
}
.element {
color: var(--colorado-peach);
background-color: hsl(30 75% 60%);
border-color: oklch(0.746 0.131 63.3);
}Tailwind CSS v4
@theme {
--color-colorado-peach: #e6994c;
--color-colorado-peach-50: #ffeecf;
--color-colorado-peach-100: #ffe0bb;
--color-colorado-peach-200: #fcc999;
--color-colorado-peach-300: #e6aa6d;
--color-colorado-peach-400: #d48c44;
--color-colorado-peach-500: #c16f00;
--color-colorado-peach-600: #a35f03;
--color-colorado-peach-700: #834c06;
--color-colorado-peach-800: #623605;
--color-colorado-peach-900: #452504;
--color-colorado-peach-950: #2c1300;
}SCSS
$colorado-peach: #e6994c;
$colorado-peach-rgb: 230, 153, 76;
$colorado-peach-light: mix(#fff, $colorado-peach, 20%);
$colorado-peach-dark: mix(#000, $colorado-peach, 20%);
.element {
color: $colorado-peach;
box-shadow: 0 0 0 2px rgba($colorado-peach, 0.35);
}