Colore con nome · #DB9351
Brushed Clay
Brushed Clay è #DB9351: rgb(219 147 81), hsl(29 66% 59%), oklch(0.723 0.12 61.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brushed Clay color name →
#DB9351
oklch(0.723 0.12 61.5)
Conversioni di colore
- HEX
- #db9351
- RGB
- rgb(219 147 81)
- HSL
- hsl(29 66% 59%)
- HWB
- hwb(29 32% 14%)
- OKLCH
- oklch(0.723 0.12 61.5)
- OKLab
- oklab(0.723 0.057 0.105)
- CIE Lab
- lab(67.41 23.37 45.85)
- LCH
- lch(67.41 51.46 63)
- CMYK
- cmyk(0% 33% 63% 14%)
Tinte · Ombre · Toni
Tinte
- DF9E64
- E3A976
- E7B488
- EBBE99
- EFC9AA
- F3D4BB
- F6DFCC
- F9E9DD
- FCF4EE
Ombre
- BE7F45
- A26C3A
- 87592F
- 6D4724
- 54361A
- 3C2510
- 261607
- 110802
- 020100
Toni
- D29258
- C9905E
- C08E63
- B78C68
- AE8B6D
- A58971
- 9C8775
- 938579
- 89827D
Armonie di colore
Complementare +180°
- DB9351
Brushed Clay
- 59AEE9
≈ Blue Jeans
Analogo -30° +30°
- DB9351
Brushed Clay
- E68876
≈ Thundelarra
- C1A242
≈ Creed
Triadico +120° +240°
- DB9351
Brushed Clay
- 2EBDAA
≈ Tealish
- B393E4
≈ Dreamy Candy Forest
Complementare divisa +150° +210°
- DB9351
Brushed Clay
- 22B9D0
≈ Holiday Blue
- 8AA0F1
≈ Cold Lips
Tetradico +90° +180° +270°
- DB9351
Brushed Clay
- 67BB7F
≈ Green Garter
- 59AEE9
≈ Blue Jeans
- D189C7
≈ Cyclamen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.30:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--brushed-clay: #db9351;
--brushed-clay-rgb: 219 147 81;
--brushed-clay-oklch: oklch(0.723 0.12 61.5);
}
.element {
color: var(--brushed-clay);
background-color: hsl(29 66% 59%);
border-color: oklch(0.723 0.12 61.5);
}Tailwind CSS v4
@theme {
--color-brushed-clay: #db9351;
--color-brushed-clay-50: #ffefd2;
--color-brushed-clay-100: #ffe0bf;
--color-brushed-clay-200: #f9ca9f;
--color-brushed-clay-300: #e3aa76;
--color-brushed-clay-400: #d18d4f;
--color-brushed-clay-500: #be711f;
--color-brushed-clay-600: #a0601d;
--color-brushed-clay-700: #814d18;
--color-brushed-clay-800: #603710;
--color-brushed-clay-900: #43260a;
--color-brushed-clay-950: #2b1400;
}SCSS
$brushed-clay: #db9351;
$brushed-clay-rgb: 219, 147, 81;
$brushed-clay-light: mix(#fff, $brushed-clay, 20%);
$brushed-clay-dark: mix(#000, $brushed-clay, 20%);
.element {
color: $brushed-clay;
box-shadow: 0 0 0 2px rgba($brushed-clay, 0.35);
}