이름 색상 · #F9D3BE
Tuft Bush
Tuft Bush은(는) #F9D3BE: rgb(249 211 190), hsl(21 83% 86%), oklch(0.894 0.051 50.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tuft Bush color name →
#F9D3BE
oklch(0.894 0.051 50.6)
색상 변환
- HEX
- #f9d3be
- RGB
- rgb(249 211 190)
- HSL
- hsl(21 83% 86%)
- HWB
- hwb(21 75% 2%)
- OKLCH
- oklch(0.894 0.051 50.6)
- OKLab
- oklab(0.894 0.033 0.04)
- CIE Lab
- lab(87.43 11.44 15.64)
- LCH
- lch(87.43 19.38 53.8)
- CMYK
- cmyk(0% 15% 24% 2%)
틴트 · 셰이드 · 톤
틴트
- FAD7C4
- FBDCCB
- FBE0D1
- FCE5D8
- FDE9DE
- FDEDE5
- FEF2EB
- FEF6F2
- FFFBF8
셰이드
- D9B7A5
- B99C8C
- 9A8275
- 7D695E
- 615148
- 463A33
- 2C241F
- 15100D
- 030202
톤
- ECCAB8
- E0C2B1
- D3B9AB
- C7B1A5
- BBA99F
- AFA099
- A39892
- 97908C
- 8C8886
색 조화
보색 +180°
- F9D3BE
Tuft Bush
- BAE3F8
≈ Breaking the Ice
유사색 -30° +30°
- F9D3BE
Tuft Bush
- FCCFCE
≈ Fairy Tale Dream
- EED9B6
≈ Savon de Provence
삼각 배색 +120° +240°
- F9D3BE
Tuft Bush
- BBE8D7
≈ Mint Ice
- DBD7FC
≈ Japan Blush
분열 보색 +150° +210°
- F9D3BE
Tuft Bush
- B5E7EA
≈ Refreshing Pool
- C9DDFF
≈ Arc Light
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.08:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--tuft-bush: #f9d3be;
--tuft-bush-rgb: 249 211 190;
--tuft-bush-oklch: oklch(0.894 0.051 50.6);
}
.element {
color: var(--tuft-bush);
background-color: hsl(21 83% 86%);
border-color: oklch(0.894 0.051 50.6);
}Tailwind CSS v4
@theme {
--color-tuft-bush: #f9d3be;
--color-tuft-bush-50: #fff2e8;
--color-tuft-bush-100: #f7e4d9;
--color-tuft-bush-200: #e7cfc1;
--color-tuft-bush-300: #ceb1a0;
--color-tuft-bush-400: #b89683;
--color-tuft-bush-500: #a37d67;
--color-tuft-bush-600: #896a58;
--color-tuft-bush-700: #6e5446;
--color-tuft-bush-800: #513d33;
--color-tuft-bush-900: #392a23;
--color-tuft-bush-950: #231812;
}SCSS
$tuft-bush: #f9d3be;
$tuft-bush-rgb: 249, 211, 190;
$tuft-bush-light: mix(#fff, $tuft-bush, 20%);
$tuft-bush-dark: mix(#000, $tuft-bush, 20%);
.element {
color: $tuft-bush;
box-shadow: 0 0 0 2px rgba($tuft-bush, 0.35);
}