Colore con nome · #AE3C29
Rooibos Tea
Rooibos Tea è #AE3C29: rgb(174 60 41), hsl(9 62% 42%), oklch(0.516 0.153 31.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rooibos Tea color name →
#AE3C29
oklch(0.516 0.153 31.9)
Conversioni di colore
- HEX
- #ae3c29
- RGB
- rgb(174 60 41)
- HSL
- hsl(9 62% 42%)
- HWB
- hwb(9 16% 32%)
- OKLCH
- oklch(0.516 0.153 31.9)
- OKLab
- oklab(0.516 0.13 0.081)
- CIE Lab
- lab(42.45 46.56 37.51)
- LCH
- lch(42.45 59.79 38.9)
- CMYK
- cmyk(0% 66% 76% 32%)
Tinte · Ombre · Toni
Tinte
- B8513F
- C26654
- CB7969
- D48C7D
- DD9F92
- E4B2A7
- ECC5BD
- F3D8D3
- F9ECE9
Ombre
- 973322
- 802A1C
- 6A2115
- 55190F
- 411109
- 2E0A05
- 1C0402
- 0B0101
- 010000
Toni
- AB4534
- A74E3D
- A45546
- A05C4F
- 9B6358
- 976960
- 926F68
- 8C7570
- 877B78
Armonie di colore
Complementare +180°
- AE3C29
Rooibos Tea
- 007586
≈ Glamour Green
Analogo -30° +30°
- AE3C29
Rooibos Tea
- AA3861
≈ Rhine River Rose
- 975500
≈ Charlie Brown
Triadico +120° +240°
- AE3C29
Rooibos Tea
- 007D3E
≈ Verdant Vale
- 4B5DBE
≈ Chinese Bellflower
Complementare divisa +150° +210°
- AE3C29
Rooibos Tea
- 00796C
≈ Pond Moss
- 006EA7
≈ Bowen Blue
Tetradico +90° +180° +270°
- AE3C29
Rooibos Tea
- 5C7200
≈ Topiary Green
- 007586
≈ Glamour Green
- 794DAF
≈ Royal Lavender
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.03:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.47:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--rooibos-tea: #ae3c29;
--rooibos-tea-rgb: 174 60 41;
--rooibos-tea-oklch: oklch(0.516 0.153 31.9);
}
.element {
color: var(--rooibos-tea);
background-color: hsl(9 62% 42%);
border-color: oklch(0.516 0.153 31.9);
}Tailwind CSS v4
@theme {
--color-rooibos-tea: #ae3c29;
--color-rooibos-tea-50: #ffe6d9;
--color-rooibos-tea-100: #ffd6c7;
--color-rooibos-tea-200: #ffbda9;
--color-rooibos-tea-300: #fb9a83;
--color-rooibos-tea-400: #ea7963;
--color-rooibos-tea-500: #d85640;
--color-rooibos-tea-600: #b74a37;
--color-rooibos-tea-700: #933b2c;
--color-rooibos-tea-800: #6e2920;
--color-rooibos-tea-900: #4d1c15;
--color-rooibos-tea-950: #330b07;
}SCSS
$rooibos-tea: #ae3c29;
$rooibos-tea-rgb: 174, 60, 41;
$rooibos-tea-light: mix(#fff, $rooibos-tea, 20%);
$rooibos-tea-dark: mix(#000, $rooibos-tea, 20%);
.element {
color: $rooibos-tea;
box-shadow: 0 0 0 2px rgba($rooibos-tea, 0.35);
}