Color con nombre · #DBB694
Feline Frolic
Feline Frolic es #DBB694: rgb(219 182 148), hsl(29 50% 72%), oklch(0.8 0.063 64.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Feline Frolic color name →
#DBB694
oklch(0.8 0.063 64.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- DFBD9F
- E2C4A9
- E6CCB4
- EAD3BE
- EDDAC9
- F1E2D4
- F5E9DF
- F8F0E9
- FCF8F4
Sombras
- BE9E80
- A2866D
- 876F5A
- 6D5948
- 544436
- 3C3026
- 261D16
- 110C08
- 020201
Tonos
- D2B192
- C8AB90
- BFA68F
- B6A08D
- AD9B8B
- A49589
- 9B9087
- 928B84
- 898582
Armonías de color
Complementario +180°
- DBB694
Feline Frolic
- 9CC3E4
≈ Pale Cerulean
Análogo -30° +30°
- DBB694
Feline Frolic
- E3B0A3
≈ Pale Blush
- CBBE90
≈ Morning Tea
Triádico +120° +240°
- DBB694
Feline Frolic
- 90CCC2
≈ Deco-Rate
- C7B4DF
≈ Sea Lavender
Complementario dividido +150° +210°
- DBB694
Feline Frolic
- 8FC9D7
≈ Baby Motive
- B1BCE7
≈ French Lilac Blue
Tetrádico +90° +180° +270°
- DBB694
Feline Frolic
- 9FCAAC
≈ Calculus
- 9CC3E4
≈ Pale Cerulean
- D8AFCF
≈ Violet Vamp
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.13:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
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);
}