이름 색상 · #DBB694
Feline Frolic
Feline Frolic은(는) #DBB694: rgb(219 182 148), hsl(29 50% 72%), oklch(0.8 0.063 64.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Feline Frolic color name →
#DBB694
oklch(0.8 0.063 64.3)
색상 변환
- HEX
- #dbb694
- RGB
- rgb(219 182 148)
- HSL
- hsl(29 50% 72%)
- HWB
- hwb(29 58% 14%)
- OKLCH
- oklch(0.8 0.063 64.3)
- OKLab
- oklab(0.8 0.027 0.057)
- CIE Lab
- lab(76.73 10.22 22.62)
- LCH
- lch(76.73 24.82 65.7)
- CMYK
- cmyk(0% 17% 32% 14%)
틴트 · 셰이드 · 톤
틴트
- DFBD9F
- E2C4A9
- E6CCB4
- EAD3BE
- EDDAC9
- F1E2D4
- F5E9DF
- F8F0E9
- FCF8F4
셰이드
- BE9E80
- A2866D
- 876F5A
- 6D5948
- 544436
- 3C3026
- 261D16
- 110C08
- 020201
톤
- D2B192
- C8AB90
- BFA68F
- B6A08D
- AD9B8B
- A49589
- 9B9087
- 928B84
- 898582
색 조화
보색 +180°
- DBB694
Feline Frolic
- 9CC3E4
≈ Pale Cerulean
유사색 -30° +30°
- DBB694
Feline Frolic
- E3B0A3
≈ Pale Blush
- CBBE90
≈ Morning Tea
삼각 배색 +120° +240°
- DBB694
Feline Frolic
- 90CCC2
≈ Deco-Rate
- C7B4DF
≈ Sea Lavender
분열 보색 +150° +210°
- DBB694
Feline Frolic
- 8FC9D7
≈ Baby Motive
- B1BCE7
≈ French Lilac Blue
사각 배색 +90° +180° +270°
- DBB694
Feline Frolic
- 9FCAAC
≈ Calculus
- 9CC3E4
≈ Pale Cerulean
- D8AFCF
≈ Violet Vamp
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.13:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--feline-frolic: #dbb694;
--feline-frolic-rgb: 219 182 148;
--feline-frolic-oklch: oklch(0.8 0.063 64.3);
}
.element {
color: var(--feline-frolic);
background-color: hsl(29 50% 72%);
border-color: oklch(0.8 0.063 64.3);
}Tailwind CSS v4
@theme {
--color-feline-frolic: #dbb694;
--color-feline-frolic-50: #fff2e3;
--color-feline-frolic-100: #f7e4d2;
--color-feline-frolic-200: #e7d0b9;
--color-feline-frolic-300: #ceb296;
--color-feline-frolic-400: #b99778;
--color-feline-frolic-500: #a47e5a;
--color-feline-frolic-600: #8a6a4c;
--color-feline-frolic-700: #6f553d;
--color-feline-frolic-800: #523e2c;
--color-feline-frolic-900: #392a1d;
--color-feline-frolic-950: #24180d;
}SCSS
$feline-frolic: #dbb694;
$feline-frolic-rgb: 219, 182, 148;
$feline-frolic-light: mix(#fff, $feline-frolic, 20%);
$feline-frolic-dark: mix(#000, $feline-frolic, 20%);
.element {
color: $feline-frolic;
box-shadow: 0 0 0 2px rgba($feline-frolic, 0.35);
}