Color con nombre · #F2CDBB
Watusi
Watusi es #F2CDBB: rgb(242 205 187), hsl(20 68% 84%), oklch(0.875 0.049 47.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Watusi color name →
#F2CDBB
oklch(0.875 0.049 47.5)
Conversiones de color
- HEX
- #f2cdbb
- RGB
- rgb(242 205 187)
- HSL
- hsl(20 68% 84%)
- HWB
- hwb(20 73% 5%)
- OKLCH
- oklch(0.875 0.049 47.5)
- OKLab
- oklab(0.875 0.033 0.036)
- CIE Lab
- lab(85.27 11.45 14.09)
- LCH
- lch(85.27 18.16 50.9)
- CMYK
- cmyk(0% 15% 23% 5%)
Tintes · Sombras · Tonos
Tintes
- F3D2C2
- F5D7C8
- F6DCCF
- F8E1D6
- F9E6DD
- FAEBE4
- FCF0EA
- FDF5F1
- FEFAF8
Sombras
- D2B2A2
- B4988A
- 967E73
- 79665C
- 5E4E46
- 433832
- 2B231F
- 140F0D
- 030202
Tonos
- E6C5B5
- DABDAF
- CFB5A9
- C3AEA3
- B8A69D
- AC9E97
- A19791
- 968F8C
- 8B8786
Armonías de color
Complementario +180°
- F2CDBB
Watusi
- B5DDEF
≈ Seashore Dreams
Análogo -30° +30°
- F2CDBB
Watusi
- F4CACA
≈ Blushing Senorita
- E8D3B3
≈ Powdered Gold
Triádico +120° +240°
- F2CDBB
Watusi
- B8E1CF
≈ Desert Mirage
- D3D2F5
≈ Pale Phthalo Blue
Complementario dividido +150° +210°
- F2CDBB
Watusi
- B1E0E1
≈ Opal
- C2D8F6
≈ Oh Boy!
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.22:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--watusi: #f2cdbb;
--watusi-rgb: 242 205 187;
--watusi-oklch: oklch(0.875 0.049 47.5);
}
.element {
color: var(--watusi);
background-color: hsl(20 68% 84%);
border-color: oklch(0.875 0.049 47.5);
}Tailwind CSS v4
@theme {
--color-watusi: #f2cdbb;
--color-watusi-50: #fff1e9;
--color-watusi-100: #f6e4da;
--color-watusi-200: #e6cfc2;
--color-watusi-300: #cdb1a2;
--color-watusi-400: #b79686;
--color-watusi-500: #a27d6b;
--color-watusi-600: #896a5a;
--color-watusi-700: #6e5448;
--color-watusi-800: #513d34;
--color-watusi-900: #382a24;
--color-watusi-950: #231813;
}SCSS
$watusi: #f2cdbb;
$watusi-rgb: 242, 205, 187;
$watusi-light: mix(#fff, $watusi, 20%);
$watusi-dark: mix(#000, $watusi, 20%);
.element {
color: $watusi;
box-shadow: 0 0 0 2px rgba($watusi, 0.35);
}