이름 색상 · #D2BB95
Thermos
Thermos은(는) #D2BB95: rgb(210 187 149), hsl(37 40% 70%), oklch(0.802 0.057 80.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Thermos color name →
#D2BB95
oklch(0.802 0.057 80.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D6C2A0
- DBC8AA
- DFCFB5
- E4D6BF
- E8DDCA
- EDE4D4
- F1EADF
- F6F1EA
- FAF8F4
셰이드
- B6A281
- 9B8A6D
- 81735A
- 685C48
- 504637
- 393226
- 241F16
- 100D08
- 020201
톤
- CAB593
- C1AF91
- B9A98F
- B0A38D
- A89D8B
- A09789
- 989187
- 908C85
- 888682
색 조화
보색 +180°
- D2BB95
Thermos
- A9C0E4
≈ Promise
유사색 -30° +30°
- D2BB95
Thermos
- DEB49E
≈ Mesa Sand
- C0C298
≈ Green Mist
삼각 배색 +120° +240°
- D2BB95
Thermos
- 93CACD
≈ Jellyfish Blue
- CFB3D6
≈ Sea Lavender
분열 보색 +150° +210°
- D2BB95
Thermos
- 99C6DD
≈ Bobby Blue
- BDB9E2
≈ Pretty Posie
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.28:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}