Nazwany kolor · #DA7631
Orange Ochre
Orange Ochre to #DA7631: rgb(218 118 49), hsl(24 70% 52%), oklch(0.668 0.148 51.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Orange Ochre color name →
#DA7631
oklch(0.668 0.148 51.5)
Konwersje koloru
- HEX
- #da7631
- RGB
- rgb(218 118 49)
- HSL
- hsl(24 70% 52%)
- HWB
- hwb(24 19% 15%)
- OKLCH
- oklch(0.668 0.148 51.5)
- OKLab
- oklab(0.668 0.092 0.116)
- CIE Lab
- lab(60.58 36.45 53.86)
- LCH
- lch(60.58 65.03 55.9)
- CMYK
- cmyk(0% 46% 78% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DF844A
- E49260
- E8A075
- EDAE89
- F0BC9D
- F4C9B0
- F7D7C4
- FAE4D8
- FDF2EB
Odcienie ciemniejsze
- BD6629
- A25622
- 87471A
- 6C3813
- 54290C
- 3C1C06
- 250F03
- 110501
- 020100
Tony
- D2783E
- C97A48
- C07B51
- B87D59
- AF7E61
- A67E68
- 9D7F6E
- 938074
- 8A807A
Harmonie kolorów
Komplementarna +180°
- DA7631
Orange Ochre
- 00A2D8
≈ Vanadyl Blue
Analogowa -30° +30°
- DA7631
Orange Ochre
- E16A6B
≈ Childhood Crush
- BF8A00
≈ Kenyan Sand
Triada +120° +240°
- DA7631
Orange Ochre
- 00AE8A
≈ Arcadia
- 9781E7
≈ Indigo Bloom
Komplementarna rozszczepiona +150° +210°
- DA7631
Orange Ochre
- 00A9B2
≈ Exotic Sea
- 6092EF
≈ Guilliman Blue
Tetrada +90° +180° +270°
- DA7631
Orange Ochre
- 5BAA51
≈ Harā Green
- 00A2D8
≈ Vanadyl Blue
- BE73CB
≈ Lavendless
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.61:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--orange-ochre: #da7631;
--orange-ochre-rgb: 218 118 49;
--orange-ochre-oklch: oklch(0.668 0.148 51.5);
}
.element {
color: var(--orange-ochre);
background-color: hsl(24 70% 52%);
border-color: oklch(0.668 0.148 51.5);
}Tailwind CSS v4
@theme {
--color-orange-ochre: #da7631;
--color-orange-ochre-50: #ffebce;
--color-orange-ochre-100: #ffdbba;
--color-orange-ochre-200: #ffc398;
--color-orange-ochre-300: #f3a26c;
--color-orange-ochre-400: #e28244;
--color-orange-ochre-500: #d06300;
--color-orange-ochre-600: #af5404;
--color-orange-ochre-700: #8d4306;
--color-orange-ochre-800: #692f06;
--color-orange-ochre-900: #4a2005;
--color-orange-ochre-950: #310f00;
}SCSS
$orange-ochre: #da7631;
$orange-ochre-rgb: 218, 118, 49;
$orange-ochre-light: mix(#fff, $orange-ochre, 20%);
$orange-ochre-dark: mix(#000, $orange-ochre, 20%);
.element {
color: $orange-ochre;
box-shadow: 0 0 0 2px rgba($orange-ochre, 0.35);
}