Cor nomeada · #D2BB95
Thermos
Thermos é #D2BB95: rgb(210 187 149), hsl(37 40% 70%), oklch(0.802 0.057 80.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Thermos color name →
#D2BB95
oklch(0.802 0.057 80.2)
Conversões de cor
- HEX
- #d2bb95
- RGB
- rgb(210 187 149)
- HSL
- hsl(37 40% 70%)
- HWB
- hwb(37 58% 18%)
- OKLCH
- oklch(0.802 0.057 80.2)
- OKLab
- oklab(0.802 0.01 0.056)
- CIE Lab
- lab(77.15 4.26 22.48)
- LCH
- lch(77.15 22.88 79.3)
- CMYK
- cmyk(0% 11% 29% 18%)
Tons claros · Sombras · Tons
Tons claros
- D6C2A0
- DBC8AA
- DFCFB5
- E4D6BF
- E8DDCA
- EDE4D4
- F1EADF
- F6F1EA
- FAF8F4
Sombras
- B6A281
- 9B8A6D
- 81735A
- 685C48
- 504637
- 393226
- 241F16
- 100D08
- 020201
Tons
- CAB593
- C1AF91
- B9A98F
- B0A38D
- A89D8B
- A09789
- 989187
- 908C85
- 888682
Harmonias de cor
Complementar +180°
- D2BB95
Thermos
- A9C0E4
≈ Promise
Análoga -30° +30°
- D2BB95
Thermos
- DEB49E
≈ Mesa Sand
- C0C298
≈ Green Mist
Tríade +120° +240°
- D2BB95
Thermos
- 93CACD
≈ Jellyfish Blue
- CFB3D6
≈ Sea Lavender
Complementar dividida +150° +210°
- D2BB95
Thermos
- 99C6DD
≈ Bobby Blue
- BDB9E2
≈ Pretty Posie
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.28:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--thermos: #d2bb95;
--thermos-rgb: 210 187 149;
--thermos-oklch: oklch(0.802 0.057 80.2);
}
.element {
color: var(--thermos);
background-color: hsl(37 40% 70%);
border-color: oklch(0.802 0.057 80.2);
}Tailwind CSS v4
@theme {
--color-thermos: #d2bb95;
--color-thermos-50: #fdf4e3;
--color-thermos-100: #f2e7d3;
--color-thermos-200: #e1d2b9;
--color-thermos-300: #c6b597;
--color-thermos-400: #b09b78;
--color-thermos-500: #9a825a;
--color-thermos-600: #826e4d;
--color-thermos-700: #68583d;
--color-thermos-800: #4d402c;
--color-thermos-900: #362c1d;
--color-thermos-950: #21190d;
}SCSS
$thermos: #d2bb95;
$thermos-rgb: 210, 187, 149;
$thermos-light: mix(#fff, $thermos, 20%);
$thermos-dark: mix(#000, $thermos, 20%);
.element {
color: $thermos;
box-shadow: 0 0 0 2px rgba($thermos, 0.35);
}