Cor nomeada · #F5D4B5
Cheddar Corn
Cheddar Corn é #F5D4B5: rgb(245 212 181), hsl(29 76% 84%), oklch(0.89 0.055 65.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cheddar Corn color name →
#F5D4B5
oklch(0.89 0.055 65.2)
Conversões de cor
- HEX
- #f5d4b5
- RGB
- rgb(245 212 181)
- HSL
- hsl(29 76% 84%)
- HWB
- hwb(29 71% 4%)
- OKLCH
- oklch(0.89 0.055 65.2)
- OKLab
- oklab(0.89 0.023 0.05)
- CIE Lab
- lab(87.15 8.54 19.87)
- LCH
- lch(87.15 21.63 66.8)
- CMYK
- cmyk(0% 13% 26% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6D8BC
- F7DDC4
- F8E1CB
- F9E5D3
- FAEADA
- FBEEE1
- FCF2E9
- FDF6F0
- FEFBF8
Sombras
- D5B89D
- B69D86
- 98836F
- 7B6959
- 5F5144
- 443A30
- 2B241D
- 15100C
- 030202
Tons
- E9CBB0
- DDC3AA
- D1BAA5
- C5B2A0
- B9A99B
- ADA195
- A29990
- 96908B
- 8B8885
Harmonias de cor
Complementar +180°
- F5D4B5
Cheddar Corn
- BDDFFE
≈ Dithered Sky
Análoga -30° +30°
- F5D4B5
Cheddar Corn
- FDCFC2
≈ Doll House
- E6DBB2
≈ Rainforest Dew
Tríade +120° +240°
- F5D4B5
Cheddar Corn
- B2E7DF
≈ Cool Crayon
- E3D2F9
≈ Mousse aux Pruneaux
Complementar dividida +150° +210°
- F5D4B5
Cheddar Corn
- B2E5F2
≈ Winter Escape
- D0D9FF
≈ Icy Plains
Tétrade +90° +180° +270°
- F5D4B5
Cheddar Corn
- BFE6CB
≈ Woolly Mint
- BDDFFE
≈ Dithered Sky
- F3CEE9
≈ Sparkling Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 14.96:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--cheddar-corn: #f5d4b5;
--cheddar-corn-rgb: 245 212 181;
--cheddar-corn-oklch: oklch(0.89 0.055 65.2);
}
.element {
color: var(--cheddar-corn);
background-color: hsl(29 76% 84%);
border-color: oklch(0.89 0.055 65.2);
}Tailwind CSS v4
@theme {
--color-cheddar-corn: #f5d4b5;
--color-cheddar-corn-50: #fff3e5;
--color-cheddar-corn-100: #f5e5d5;
--color-cheddar-corn-200: #e5d0bc;
--color-cheddar-corn-300: #cbb39a;
--color-cheddar-corn-400: #b6987c;
--color-cheddar-corn-500: #a07f5f;
--color-cheddar-corn-600: #876c51;
--color-cheddar-corn-700: #6c5640;
--color-cheddar-corn-800: #503e2e;
--color-cheddar-corn-900: #382b1f;
--color-cheddar-corn-950: #22180f;
}SCSS
$cheddar-corn: #f5d4b5;
$cheddar-corn-rgb: 245, 212, 181;
$cheddar-corn-light: mix(#fff, $cheddar-corn, 20%);
$cheddar-corn-dark: mix(#000, $cheddar-corn, 20%);
.element {
color: $cheddar-corn;
box-shadow: 0 0 0 2px rgba($cheddar-corn, 0.35);
}