Color con nombre · #FBDCA8
Doodle
Doodle es #FBDCA8: rgb(251 220 168), hsl(38 91% 82%), oklch(0.908 0.075 80.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Doodle color name →
#FBDCA8
oklch(0.908 0.075 80.4)
Conversiones de color
- HEX
- #fbdca8
- RGB
- rgb(251 220 168)
- HSL
- hsl(38 91% 82%)
- HWB
- hwb(38 66% 2%)
- OKLCH
- oklch(0.908 0.075 80.4)
- OKLab
- oklab(0.908 0.013 0.074)
- CIE Lab
- lab(89.46 5.73 29.78)
- LCH
- lch(89.46 30.33 79.1)
- CMYK
- cmyk(0% 12% 33% 2%)
Tintes · Sombras · Tonos
Tintes
- FBE0B1
- FCE3BA
- FCE7C3
- FDEACB
- FDEED4
- FEF1DD
- FEF5E5
- FEF8EE
- FFFCF6
Sombras
- DABF92
- BAA37C
- 9C8867
- 7E6E52
- 61543F
- 463C2C
- 2D261A
- 15110A
- 030201
Tonos
- EED2A4
- E1C9A1
- D5C09D
- C8B699
- BCAD95
- B0A491
- A39B8D
- 979289
- 8C8984
Armonías de color
Complementario +180°
- FBDCA8
Doodle
- D0E2FF
≈ Arc Light
Análogo -30° +30°
- FBDCA8
Doodle
- FFD7C2
≈ Friendship
- E3E6AC
≈ Bit of Lime
Triádico +120° +240°
- FBDCA8
Doodle
- A4F0F5
≈ Waterspout
- F7D2FF
≈ Sassy Pink
Complementario dividido +150° +210°
- FBDCA8
Doodle
- BCE8FF
≈ Blue Java Banana
- E0DCFF
≈ Transparent Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.90:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.90:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--doodle: #fbdca8;
--doodle-rgb: 251 220 168;
--doodle-oklch: oklch(0.908 0.075 80.4);
}
.element {
color: var(--doodle);
background-color: hsl(38 91% 82%);
border-color: oklch(0.908 0.075 80.4);
}Tailwind CSS v4
@theme {
--color-doodle: #fbdca8;
--color-doodle-50: #fff4dd;
--color-doodle-100: #f4e6cc;
--color-doodle-200: #e4d2b0;
--color-doodle-300: #cbb48c;
--color-doodle-400: #b69a6b;
--color-doodle-500: #a0814a;
--color-doodle-600: #876d3f;
--color-doodle-700: #6c5732;
--color-doodle-800: #513f23;
--color-doodle-900: #382c17;
--color-doodle-950: #231908;
}SCSS
$doodle: #fbdca8;
$doodle-rgb: 251, 220, 168;
$doodle-light: mix(#fff, $doodle, 20%);
$doodle-dark: mix(#000, $doodle, 20%);
.element {
color: $doodle;
box-shadow: 0 0 0 2px rgba($doodle, 0.35);
}