Nazwany kolor · #AD7C35
Billet
Billet to #AD7C35: rgb(173 124 53), hsl(36 53% 44%), oklch(0.622 0.106 73.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Billet color name →
#AD7C35
oklch(0.622 0.106 73.5)
Konwersje koloru
- HEX
- #ad7c35
- RGB
- rgb(173 124 53)
- HSL
- hsl(36 53% 44%)
- HWB
- hwb(36 21% 32%)
- OKLCH
- oklch(0.622 0.106 73.5)
- OKLab
- oklab(0.622 0.03 0.102)
- CIE Lab
- lab(56.05 14.49 45.25)
- LCH
- lch(56.05 47.51 72.2)
- CMYK
- cmyk(0% 28% 69% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5894C
- BE9661
- C6A375
- CEB088
- D7BD9C
- DFCAB0
- E7D7C3
- EFE4D7
- F7F2EB
Odcienie ciemniejsze
- 966B2D
- 7F5A25
- 6A4A1D
- 553B15
- 412C0E
- 2D1E08
- 1B1103
- 0B0501
- 010100
Tony
- A97D40
- A47D49
- A07E51
- 9C7F59
- 977F60
- 937F67
- 8E806D
- 898074
- 85807A
Harmonie kolorów
Komplementarna +180°
- AD7C35
Billet
- 578AC5
≈ Danube
Analogowa -30° +30°
- AD7C35
Billet
- BC7050
≈ Warm Copper
- 928934
≈ Uguisu Green
Triada +120° +240°
- AD7C35
Billet
- 029A99
≈ Regula Barbara Blue
- 9E73B4
≈ Purple Pride
Komplementarna rozszczepiona +150° +210°
- AD7C35
Billet
- 2694B6
≈ Bondi Blue
- 7F7EC5
≈ Faraway Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.67:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.71:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.71:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--billet: #ad7c35;
--billet-rgb: 173 124 53;
--billet-oklch: oklch(0.622 0.106 73.5);
}
.element {
color: var(--billet);
background-color: hsl(36 53% 44%);
border-color: oklch(0.622 0.106 73.5);
}Tailwind CSS v4
@theme {
--color-billet: #ad7c35;
--color-billet-50: #fff2d4;
--color-billet-100: #fde4c1;
--color-billet-200: #efcfa2;
--color-billet-300: #d7b079;
--color-billet-400: #c49453;
--color-billet-500: #b07a26;
--color-billet-600: #956723;
--color-billet-700: #77531c;
--color-billet-800: #593c12;
--color-billet-900: #3e290c;
--color-billet-950: #271601;
}SCSS
$billet: #ad7c35;
$billet-rgb: 173, 124, 53;
$billet-light: mix(#fff, $billet, 20%);
$billet-dark: mix(#000, $billet, 20%);
.element {
color: $billet;
box-shadow: 0 0 0 2px rgba($billet, 0.35);
}