Dichtstbijzijnde benoemde kleur · #E7CFBA
#E7CFBA
Dichtstbijzijnde benoemde kleur: Burrito
#E7CFBA (rgb(231 207 186), hsl(28 48% 82%), oklch(0.869 0.039 63.5)) komt het dichtst bij de benoemde kleur Burrito. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E7CFBA
oklch(0.869 0.039 63.5)
Kleurconversies
- HEX
- #e7cfba
- RGB
- rgb(231 207 186)
- HSL
- hsl(28 48% 82%)
- HWB
- hwb(28 73% 9%)
- OKLCH
- oklch(0.869 0.039 63.5)
- OKLab
- oklab(0.869 0.017 0.035)
- CIE Lab
- lab(84.73 6.22 13.69)
- LCH
- lch(84.73 15.04 65.6)
- CMYK
- cmyk(0% 10% 19% 9%)
Tinten · Schaduwen · Tonen
Tinten
- E9D4C1
- ECD9C8
- EEDDCF
- F1E2D5
- F3E7DC
- F6ECE3
- F8F1EA
- FAF5F1
- FDFAF8
Schaduwen
- C9B4A1
- AB9989
- 8F7F72
- 73675C
- 594F46
- 403832
- 28231E
- 13100D
- 030202
Tonen
- DCC7B4
- D2BFAE
- C7B7A8
- BDAFA3
- B2A79D
- A89F97
- 9E9791
- 948F8B
- 8A8886
Kleurharmonieën
Complementair +180°
- E7CFBA
Burrito
- BFD7EC
≈ Pacific Panorama
Analoog -30° +30°
- E7CFBA
Burrito
- ECCBC3
≈ Pale Dogwood
- DCD4B7
≈ New Growth
Triadisch +120° +240°
- E7CFBA
Burrito
- B9DDD6
≈ Bath Salt Green
- D9CEEA
≈ Plum’s the Word
Gesplitst complementair +150° +210°
- E7CFBA
Burrito
- B8DBE3
≈ Alpine Alabaster
- CBD3EE
≈ Garden Fairy
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.49:1 · APCA Lc 23
Ag
AAAOp zwart
WCAG 14.03:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--burrito: #e7cfba;
--burrito-rgb: 231 207 186;
--burrito-oklch: oklch(0.869 0.039 63.5);
}
.element {
color: var(--burrito);
background-color: hsl(28 48% 82%);
border-color: oklch(0.869 0.039 63.5);
}Tailwind CSS v4
@theme {
--color-burrito: #e7cfba;
--color-burrito-50: #fdf3ea;
--color-burrito-100: #f1e6db;
--color-burrito-200: #e0d1c3;
--color-burrito-300: #c6b4a3;
--color-burrito-400: #b09a87;
--color-burrito-500: #99816c;
--color-burrito-600: #826d5b;
--color-burrito-700: #685749;
--color-burrito-800: #4d4035;
--color-burrito-900: #352c24;
--color-burrito-950: #201913;
}SCSS
$burrito: #e7cfba;
$burrito-rgb: 231, 207, 186;
$burrito-light: mix(#fff, $burrito, 20%);
$burrito-dark: mix(#000, $burrito, 20%);
.element {
color: $burrito;
box-shadow: 0 0 0 2px rgba($burrito, 0.35);
}