Nazwany kolor · #F5B784
Camel Hair Coat
Camel Hair Coat to #F5B784: rgb(245 183 132), hsl(27 85% 74%), oklch(0.825 0.098 60.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Camel Hair Coat color name →
#F5B784
oklch(0.825 0.098 60.3)
Konwersje koloru
- HEX
- #f5b784
- RGB
- rgb(245 183 132)
- HSL
- hsl(27 85% 74%)
- HWB
- hwb(27 52% 4%)
- OKLCH
- oklch(0.825 0.098 60.3)
- OKLab
- oklab(0.825 0.049 0.085)
- CIE Lab
- lab(79.42 18.76 35.12)
- LCH
- lch(79.42 39.82 61.9)
- CMYK
- cmyk(0% 25% 46% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6BE91
- F8C69D
- F9CDAA
- FAD4B6
- FBDBC2
- FCE2CE
- FDEADA
- FEF1E7
- FFF8F3
Odcienie ciemniejsze
- D59F72
- B68760
- 98704F
- 7B5A3F
- 5F452F
- 443120
- 2B1E12
- 150C06
- 030201
Tony
- E9B284
- DDAC84
- D1A784
- C5A184
- BA9C84
- AE9683
- A29183
- 978B82
- 8B8681
Harmonie kolorów
Komplementarna +180°
- F5B784
Camel Hair Coat
- 8ACEFF
≈ Clear Sky
Analogowa -30° +30°
- F5B784
Camel Hair Coat
- FFAEA0
≈ Amber Tide
- DEC37A
≈ Germania
Triada +120° +240°
- F5B784
Camel Hair Coat
- 78DBC8
≈ Tender Turquoise
- D0B8FC
≈ Violet Heaven
Komplementarna rozszczepiona +150° +210°
- F5B784
Camel Hair Coat
- 72D7E9
≈ Turquoise Sea
- B0C4FF
≈ Night Snow
Tetrada +90° +180° +270°
- F5B784
Camel Hair Coat
- 97D8A5
≈ Green Ash
- 8ACEFF
≈ Clear Sky
- EBAFE4
≈ Land of Dreams
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.98:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--camel-hair-coat: #f5b784;
--camel-hair-coat-rgb: 245 183 132;
--camel-hair-coat-oklch: oklch(0.825 0.098 60.3);
}
.element {
color: var(--camel-hair-coat);
background-color: hsl(27 85% 74%);
border-color: oklch(0.825 0.098 60.3);
}Tailwind CSS v4
@theme {
--color-camel-hair-coat: #f5b784;
--color-camel-hair-coat-50: #fff0d9;
--color-camel-hair-coat-100: #ffe1c7;
--color-camel-hair-coat-200: #f3ccaa;
--color-camel-hair-coat-300: #dcad83;
--color-camel-hair-coat-400: #c99161;
--color-camel-hair-coat-500: #b5763d;
--color-camel-hair-coat-600: #996435;
--color-camel-hair-coat-700: #7b502a;
--color-camel-hair-coat-800: #5b391e;
--color-camel-hair-coat-900: #402713;
--color-camel-hair-coat-950: #291505;
}SCSS
$camel-hair-coat: #f5b784;
$camel-hair-coat-rgb: 245, 183, 132;
$camel-hair-coat-light: mix(#fff, $camel-hair-coat, 20%);
$camel-hair-coat-dark: mix(#000, $camel-hair-coat, 20%);
.element {
color: $camel-hair-coat;
box-shadow: 0 0 0 2px rgba($camel-hair-coat, 0.35);
}