Color con nombre · #E9BF63
Crop Circle
Crop Circle es #E9BF63: rgb(233 191 99), hsl(41 75% 65%), oklch(0.823 0.121 85). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Crop Circle color name →
#E9BF63
oklch(0.823 0.121 85)
Conversiones de color
- HEX
- #e9bf63
- RGB
- rgb(233 191 99)
- HSL
- hsl(41 75% 65%)
- HWB
- hwb(41 39% 9%)
- OKLCH
- oklch(0.823 0.121 85)
- OKLab
- oklab(0.823 0.01 0.12)
- CIE Lab
- lab(79.75 7.86 51.53)
- LCH
- lch(79.75 52.12 81.3)
- CMYK
- cmyk(0% 18% 58% 9%)
Tintes · Sombras · Tonos
Tintes
- EBC675
- EECC86
- F0D396
- F2D9A5
- F4E0B5
- F7E6C4
- F9ECD3
- FBF3E2
- FDF9F0
Sombras
- CBA655
- AD8D47
- 90753A
- 745E2E
- 5A4821
- 413316
- 291F0B
- 130D03
- 030200
Tonos
- DEB968
- D3B26D
- C9AC71
- BEA674
- B3A077
- A99979
- 9F937B
- 948D7D
- 8A867F
Armonías de color
Complementario +180°
- E9BF63
Crop Circle
- AAC5FF
≈ Night Snow
Análogo -30° +30°
- E9BF63
Crop Circle
- FFB17B
≈ Peach
- C3CF70
≈ Gentle Dill
Triádico +120° +240°
- E9BF63
Crop Circle
- 4DDBEA
≈ Blue Dacnis
- EDAAF0
≈ Pinky Swear
Complementario dividido +150° +210°
- E9BF63
Crop Circle
- 7FD0FF
≈ Drift on the Sea
- C9B9FF
≈ Lavender Tonic
Tetrádico +90° +180° +270°
- E9BF63
Crop Circle
- 61DFC1
≈ Ocean in a Bowl
- AAC5FF
≈ Night Snow
- FFA7C9
≈ Bazooka Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.09:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--crop-circle: #e9bf63;
--crop-circle-rgb: 233 191 99;
--crop-circle-oklch: oklch(0.823 0.121 85);
}
.element {
color: var(--crop-circle);
background-color: hsl(41 75% 65%);
border-color: oklch(0.823 0.121 85);
}Tailwind CSS v4
@theme {
--color-crop-circle: #e9bf63;
--color-crop-circle-50: #fff4cf;
--color-crop-circle-100: #f9e6bb;
--color-crop-circle-200: #ead299;
--color-crop-circle-300: #d2b46d;
--color-crop-circle-400: #bf9841;
--color-crop-circle-500: #aa7e00;
--color-crop-circle-600: #906b00;
--color-crop-circle-700: #735600;
--color-crop-circle-800: #563e00;
--color-crop-circle-900: #3c2a01;
--color-crop-circle-950: #261800;
}SCSS
$crop-circle: #e9bf63;
$crop-circle-rgb: 233, 191, 99;
$crop-circle-light: mix(#fff, $crop-circle, 20%);
$crop-circle-dark: mix(#000, $crop-circle, 20%);
.element {
color: $crop-circle;
box-shadow: 0 0 0 2px rgba($crop-circle, 0.35);
}