Nazwany kolor · #BD5C00
Dry Clay
Dry Clay to #BD5C00: rgb(189 92 0), hsl(29 100% 37%), oklch(0.582 0.149 52.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Dry Clay color name →
#BD5C00
oklch(0.582 0.149 52.3)
Konwersje koloru
- HEX
- #bd5c00
- RGB
- rgb(189 92 0)
- HSL
- hsl(29 100% 37%)
- HWB
- hwb(29 0% 26%)
- OKLCH
- oklch(0.582 0.149 52.3)
- OKLab
- oklab(0.582 0.091 0.118)
- CIE Lab
- lab(50.68 36.89 59.63)
- LCH
- lch(50.68 70.12 58.3)
- CMYK
- cmyk(0% 51% 100% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C56D2F
- CD7E4A
- D48E62
- DB9E79
- E2AE8F
- E9BEA5
- EFCEBB
- F4DED2
- FAEFE8
Odcienie ciemniejsze
- A44F00
- 8C4200
- 743600
- 5D2A00
- 471F00
- 331400
- 1F0A00
- 0D0300
- 020000
Tony
- B86120
- B26531
- AD6A3E
- A76D49
- A17153
- 9B745D
- 957866
- 8E7B6F
- 877D78
Harmonie kolorów
Komplementarna +180°
- BD5C00
Dry Clay
- 0086B5
≈ Lucario Blue
Analogowa -30° +30°
- BD5C00
Dry Clay
- C45051
≈ Autumn Fire
- 9E7300
≈ Barbarian Leather
Triada +120° +240°
- BD5C00
Dry Clay
- 009074
≈ Observatory
- 7F67CB
≈ Venus Violet
Komplementarna rozszczepiona +150° +210°
- BD5C00
Dry Clay
- 008C94
≈ Tempo Teal
- 4977D2
≈ Serenity’s Reign
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.47:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.69:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--dry-clay: #bd5c00;
--dry-clay-rgb: 189 92 0;
--dry-clay-oklch: oklch(0.582 0.149 52.3);
}
.element {
color: var(--dry-clay);
background-color: hsl(29 100% 37%);
border-color: oklch(0.582 0.149 52.3);
}Tailwind CSS v4
@theme {
--color-dry-clay: #bd5c00;
--color-dry-clay-50: #ffebcd;
--color-dry-clay-100: #ffdbb9;
--color-dry-clay-200: #ffc397;
--color-dry-clay-300: #f2a26b;
--color-dry-clay-400: #e28241;
--color-dry-clay-500: #d06300;
--color-dry-clay-600: #af5400;
--color-dry-clay-700: #8d4302;
--color-dry-clay-800: #693004;
--color-dry-clay-900: #4a2003;
--color-dry-clay-950: #310f00;
}SCSS
$dry-clay: #bd5c00;
$dry-clay-rgb: 189, 92, 0;
$dry-clay-light: mix(#fff, $dry-clay, 20%);
$dry-clay-dark: mix(#000, $dry-clay, 20%);
.element {
color: $dry-clay;
box-shadow: 0 0 0 2px rgba($dry-clay, 0.35);
}