Cor nomeada · #F0DFBB
Dutch White
Dutch White é #F0DFBB: rgb(240 223 187), hsl(41 64% 84%), oklch(0.908 0.051 85.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Dutch White color name →
#F0DFBB
oklch(0.908 0.051 85.7)
Conversões de cor
- HEX
- #f0dfbb
- RGB
- rgb(240 223 187)
- HSL
- hsl(41 64% 84%)
- HWB
- hwb(41 73% 6%)
- OKLCH
- oklch(0.908 0.051 85.7)
- OKLab
- oklab(0.908 0.004 0.051)
- CIE Lab
- lab(89.53 1.91 19.94)
- LCH
- lch(89.53 20.03 84.5)
- CMYK
- cmyk(0% 7% 22% 6%)
Tons claros · Sombras · Tons
Tons claros
- F2E2C2
- F3E5C9
- F5E9D0
- F6ECD6
- F8EFDD
- F9F2E4
- FBF5EB
- FCF9F1
- FEFCF8
Sombras
- D1C2A2
- B2A58A
- 958A73
- 786F5C
- 5D5646
- 433D32
- 2A271F
- 14120D
- 030202
Tons
- E4D5B5
- D9CBAF
- CDC2A9
- C2B8A3
- B6AE9D
- ABA598
- A09C92
- 95928C
- 8B8986
Harmonias de cor
Complementar +180°
- F0DFBB
Dutch White
- D3E1FF
≈ Arc Light
Análoga -30° +30°
- F0DFBB
Dutch White
- FCD9C1
≈ Sun-Kissed Peach
- DFE5BF
≈ Loch Modan Moss
Tríade +120° +240°
- F0DFBB
Dutch White
- BAEBF1
≈ Cold Blooded
- F3D6F3
≈ Scented Spring
Complementar dividida +150° +210°
- F0DFBB
Dutch White
- C1E7FE
≈ Icy Landscape
- E3DBFF
≈ Transparent Blue
Tétrade +90° +180° +270°
- F0DFBB
Dutch White
- BEECDF
≈ Fresh Breeze
- D3E1FF
≈ Arc Light
- FED3E2
≈ Poplar Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.97:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--dutch-white: #f0dfbb;
--dutch-white-rgb: 240 223 187;
--dutch-white-oklch: oklch(0.908 0.051 85.7);
}
.element {
color: var(--dutch-white);
background-color: hsl(41 64% 84%);
border-color: oklch(0.908 0.051 85.7);
}Tailwind CSS v4
@theme {
--color-dutch-white: #f0dfbb;
--color-dutch-white-50: #fbf5e5;
--color-dutch-white-100: #efe7d5;
--color-dutch-white-200: #ddd3bc;
--color-dutch-white-300: #c2b69a;
--color-dutch-white-400: #ac9d7c;
--color-dutch-white-500: #95845f;
--color-dutch-white-600: #7e7051;
--color-dutch-white-700: #655940;
--color-dutch-white-800: #4b412e;
--color-dutch-white-900: #342d1f;
--color-dutch-white-950: #1f1a0f;
}SCSS
$dutch-white: #f0dfbb;
$dutch-white-rgb: 240, 223, 187;
$dutch-white-light: mix(#fff, $dutch-white, 20%);
$dutch-white-dark: mix(#000, $dutch-white, 20%);
.element {
color: $dutch-white;
box-shadow: 0 0 0 2px rgba($dutch-white, 0.35);
}