Colore con nome · #B06F60
Terra Cotta Urn
Terra Cotta Urn è #B06F60: rgb(176 111 96), hsl(11 34% 53%), oklch(0.608 0.086 33.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Terra Cotta Urn color name →
#B06F60
oklch(0.608 0.086 33.7)
Conversioni di colore
- HEX
- #b06f60
- RGB
- rgb(176 111 96)
- HSL
- hsl(11 34% 53%)
- HWB
- hwb(11 38% 31%)
- OKLCH
- oklch(0.608 0.086 33.7)
- OKLab
- oklab(0.608 0.072 0.048)
- CIE Lab
- lab(53.78 25.24 19.7)
- LCH
- lch(53.78 32.02 38)
- CMYK
- cmyk(0% 37% 45% 31%)
Tinte · Ombre · Toni
Tinte
- B97D6F
- C18B7E
- C9998E
- D1A79D
- D9B6AD
- E1C4BD
- E9D3CD
- F0E1DE
- F8F0EE
Ombre
- 996052
- 825145
- 6C4238
- 56342C
- 422720
- 2E1A15
- 1C0E0A
- 0B0403
- 010100
Toni
- AC7163
- A77367
- A3756A
- 9E776D
- 997871
- 957A74
- 907C77
- 8B7D7A
- 857F7D
Armonie di colore
Complementare +180°
- B06F60
Terra Cotta Urn
- 3890A2
≈ Winter Time
Analogo -30° +30°
- B06F60
Terra Cotta Urn
- AE6C7D
≈ Mauvewood
- A77749
≈ Crazy Horse
Triadico +120° +240°
- B06F60
Terra Cotta Urn
- 57926A
≈ DaVanzo Green
- 727FB7
≈ Venture Violet
Complementare divisa +150° +210°
- B06F60
Terra Cotta Urn
- 3A9388
≈ Highlands
- 5388B3
≈ Silver Lake Blue
Tetradico +90° +180° +270°
- B06F60
Terra Cotta Urn
- 788B50
≈ Bright Forest
- 3890A2
≈ Winter Time
- 8D75AD
≈ Romantic Moment
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.97:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.28:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--terra-cotta-urn: #b06f60;
--terra-cotta-urn-rgb: 176 111 96;
--terra-cotta-urn-oklch: oklch(0.608 0.086 33.7);
}
.element {
color: var(--terra-cotta-urn);
background-color: hsl(11 34% 53%);
border-color: oklch(0.608 0.086 33.7);
}Tailwind CSS v4
@theme {
--color-terra-cotta-urn: #b06f60;
--color-terra-cotta-urn-50: #ffede4;
--color-terra-cotta-urn-100: #ffded4;
--color-terra-cotta-urn-200: #f7c8bb;
--color-terra-cotta-urn-300: #e0a899;
--color-terra-cotta-urn-400: #cc8c7d;
--color-terra-cotta-urn-500: #b87060;
--color-terra-cotta-urn-600: #9c5f51;
--color-terra-cotta-urn-700: #7d4c41;
--color-terra-cotta-urn-800: #5d372f;
--color-terra-cotta-urn-900: #412520;
--color-terra-cotta-urn-950: #291410;
}SCSS
$terra-cotta-urn: #b06f60;
$terra-cotta-urn-rgb: 176, 111, 96;
$terra-cotta-urn-light: mix(#fff, $terra-cotta-urn, 20%);
$terra-cotta-urn-dark: mix(#000, $terra-cotta-urn, 20%);
.element {
color: $terra-cotta-urn;
box-shadow: 0 0 0 2px rgba($terra-cotta-urn, 0.35);
}