Colore con nome · #BE9F85
Doe Eyes
Doe Eyes è #BE9F85: rgb(190 159 133), hsl(27 30% 63%), oklch(0.724 0.052 61.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Doe Eyes color name →
#BE9F85
oklch(0.724 0.052 61.9)
Conversioni di colore
- HEX
- #be9f85
- RGB
- rgb(190 159 133)
- HSL
- hsl(27 30% 63%)
- HWB
- hwb(27 52% 25%)
- OKLCH
- oklch(0.724 0.052 61.9)
- OKLab
- oklab(0.724 0.024 0.046)
- CIE Lab
- lab(67.82 8.97 18.12)
- LCH
- lch(67.82 20.21 63.7)
- CMYK
- cmyk(0% 16% 30% 25%)
Tinte · Ombre · Toni
Tinte
- C5A891
- CBB29D
- D2BBA9
- D8C5B5
- DFCEC1
- E5D8CD
- ECE2D9
- F2EBE6
- F9F5F2
Ombre
- A58A73
- 8C7561
- 756150
- 5E4D40
- 483B30
- 332921
- 1F1813
- 0D0906
- 020101
Toni
- B89C85
- B19984
- AB9684
- A59383
- 9F9083
- 998C82
- 928982
- 8C8681
- 868381
Armonie di colore
Complementare +180°
- BE9F85
Doe Eyes
- 8AAAC4
≈ Colorado Springs
Analogo -30° +30°
- BE9F85
Doe Eyes
- C49A92
≈ Persian Bazaar
- B1A581
≈ Woollen Vest
Triadico +120° +240°
- BE9F85
Doe Eyes
- 82B1A8
≈ Silicate Green
- AB9FC1
≈ Evening Slipper
Complementare divisa +150° +210°
- BE9F85
Doe Eyes
- 80AFB9
≈ November Skies
- 9AA4C7
≈ Wild Phlox
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.47:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.48:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--doe-eyes: #be9f85;
--doe-eyes-rgb: 190 159 133;
--doe-eyes-oklch: oklch(0.724 0.052 61.9);
}
.element {
color: var(--doe-eyes);
background-color: hsl(27 30% 63%);
border-color: oklch(0.724 0.052 61.9);
}Tailwind CSS v4
@theme {
--color-doe-eyes: #be9f85;
--color-doe-eyes-50: #fff2e6;
--color-doe-eyes-100: #f5e5d7;
--color-doe-eyes-200: #e5d0be;
--color-doe-eyes-300: #cbb29d;
--color-doe-eyes-400: #b59880;
--color-doe-eyes-500: #a07f63;
--color-doe-eyes-600: #876b54;
--color-doe-eyes-700: #6c5643;
--color-doe-eyes-800: #503e30;
--color-doe-eyes-900: #382b21;
--color-doe-eyes-950: #221810;
}SCSS
$doe-eyes: #be9f85;
$doe-eyes-rgb: 190, 159, 133;
$doe-eyes-light: mix(#fff, $doe-eyes, 20%);
$doe-eyes-dark: mix(#000, $doe-eyes, 20%);
.element {
color: $doe-eyes;
box-shadow: 0 0 0 2px rgba($doe-eyes, 0.35);
}