Cor nomeada mais próxima · #EDDFBC
#EDDFBC
Cor nomeada mais próxima: Beurre Blanc
#EDDFBC (rgb(237 223 188), hsl(43 58% 83%), oklch(0.906 0.049 88.8)) é mais próxima da cor nomeada Beurre Blanc. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EDDFBC
oklch(0.906 0.049 88.8)
Conversões de cor
- HEX
- #eddfbc
- RGB
- rgb(237 223 188)
- HSL
- hsl(43 58% 83%)
- HWB
- hwb(43 74% 7%)
- OKLCH
- oklch(0.906 0.049 88.8)
- OKLab
- oklab(0.906 0.001 0.049)
- CIE Lab
- lab(89.29 0.89 19.05)
- LCH
- lch(89.29 19.07 87.3)
- CMYK
- cmyk(0% 6% 21% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFE2C3
- F1E5C9
- F2E9D0
- F4ECD7
- F6EFDE
- F8F2E4
- FAF5EB
- FBF9F2
- FDFCF8
Sombras
- CEC2A3
- B0A58B
- 938A73
- 776F5D
- 5C5647
- 423D32
- 2A271F
- 14120D
- 030202
Tons
- E2D5B6
- D6CBB0
- CBC2AA
- C0B8A4
- B5AE9E
- AAA598
- 9F9C92
- 95928C
- 8A8986
Harmonias de cor
Complementar +180°
- EDDFBC
Beurre Blanc
- D3E0FF
≈ Arc Light
Análoga -30° +30°
- EDDFBC
Beurre Blanc
- F9D9C1
≈ Pumpkin Essence
- DCE5C1
≈ Loch Modan Moss
Tríade +120° +240°
- EDDFBC
Beurre Blanc
- BCEAF1
≈ Launderette Blue
- F3D5F0
≈ Scented Spring
Complementar dividida +150° +210°
- EDDFBC
Beurre Blanc
- C3E5FD
≈ Fresh Water
- E4DAFD
≈ Transparent Blue
Tétrade +90° +180° +270°
- EDDFBC
Beurre Blanc
- BEEBE0
≈ Clear Aqua
- D3E0FF
≈ Arc Light
- FDD3DF
≈ Creamy Strawberry
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.88:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.88:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--beurre-blanc: #eddfbc;
--beurre-blanc-rgb: 237 223 188;
--beurre-blanc-oklch: oklch(0.906 0.049 88.8);
}
.element {
color: var(--beurre-blanc);
background-color: hsl(43 58% 83%);
border-color: oklch(0.906 0.049 88.8);
}Tailwind CSS v4
@theme {
--color-beurre-blanc: #eddfbc;
--color-beurre-blanc-50: #faf5e6;
--color-beurre-blanc-100: #eee8d6;
--color-beurre-blanc-200: #dcd4bd;
--color-beurre-blanc-300: #c1b79c;
--color-beurre-blanc-400: #aa9d7e;
--color-beurre-blanc-500: #938561;
--color-beurre-blanc-600: #7c7153;
--color-beurre-blanc-700: #645a42;
--color-beurre-blanc-800: #4a412f;
--color-beurre-blanc-900: #332d20;
--color-beurre-blanc-950: #1f1a0f;
}SCSS
$beurre-blanc: #eddfbc;
$beurre-blanc-rgb: 237, 223, 188;
$beurre-blanc-light: mix(#fff, $beurre-blanc, 20%);
$beurre-blanc-dark: mix(#000, $beurre-blanc, 20%);
.element {
color: $beurre-blanc;
box-shadow: 0 0 0 2px rgba($beurre-blanc, 0.35);
}