Color con nombre · #EEC362
Tōmorokoshi Yellow
Tōmorokoshi Yellow es #EEC362: rgb(238 195 98), hsl(42 80% 66%), oklch(0.836 0.125 85.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Tōmorokoshi Yellow color name →
#EEC362
oklch(0.836 0.125 85.5)
Conversiones de color
- HEX
- #eec362
- RGB
- rgb(238 195 98)
- HSL
- hsl(42 80% 66%)
- HWB
- hwb(42 38% 7%)
- OKLCH
- oklch(0.836 0.125 85.5)
- OKLab
- oklab(0.836 0.01 0.125)
- CIE Lab
- lab(81.23 7.89 53.81)
- LCH
- lch(81.23 54.38 81.7)
- CMYK
- cmyk(0% 18% 59% 7%)
Tintes · Sombras · Tonos
Tintes
- F0C974
- F2CF86
- F3D696
- F5DCA6
- F7E2B5
- F9E8C4
- FAEED3
- FCF3E2
- FDF9F0
Sombras
- CFA954
- B19047
- 93783A
- 77602D
- 5C4A21
- 423416
- 2A200B
- 140E03
- 030200
Tonos
- E3BC68
- D7B66C
- CCAF70
- C1A874
- B6A277
- AB9B79
- A0947C
- 958D7D
- 8B877F
Armonías de color
Complementario +180°
- EEC362
Tōmorokoshi Yellow
- B0C9FF
≈ Night Snow
Análogo -30° +30°
- EEC362
Tōmorokoshi Yellow
- FFB785
≈ Savannah Sun
- C6D370
≈ Daiquiri Green
Triádico +120° +240°
- EEC362
Tōmorokoshi Yellow
- 4AE0F1
≈ Blue Dacnis
- F3ACF6
≈ Pinky Swear
Complementario dividido +150° +210°
- EEC362
Tōmorokoshi Yellow
- 8AD4FF
≈ Kul Sharif Blue
- CEBEFF
≈ Lavender Tonic
Tetrádico +90° +180° +270°
- EEC362
Tōmorokoshi Yellow
- 5EE4C5
≈ Ocean in a Bowl
- B0C9FF
≈ Night Snow
- FFAECC
≈ Heartfelt
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.61:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--tomorokoshi-yellow: #eec362;
--tomorokoshi-yellow-rgb: 238 195 98;
--tomorokoshi-yellow-oklch: oklch(0.836 0.125 85.5);
}
.element {
color: var(--tomorokoshi-yellow);
background-color: hsl(42 80% 66%);
border-color: oklch(0.836 0.125 85.5);
}Tailwind CSS v4
@theme {
--color-tomorokoshi-yellow: #eec362;
--color-tomorokoshi-yellow-50: #fff4cd;
--color-tomorokoshi-yellow-100: #fae6b9;
--color-tomorokoshi-yellow-200: #ebd296;
--color-tomorokoshi-yellow-300: #d3b469;
--color-tomorokoshi-yellow-400: #c0983b;
--color-tomorokoshi-yellow-500: #ab7e00;
--color-tomorokoshi-yellow-600: #916b00;
--color-tomorokoshi-yellow-700: #745500;
--color-tomorokoshi-yellow-800: #573e00;
--color-tomorokoshi-yellow-900: #3d2a00;
--color-tomorokoshi-yellow-950: #261800;
}SCSS
$tomorokoshi-yellow: #eec362;
$tomorokoshi-yellow-rgb: 238, 195, 98;
$tomorokoshi-yellow-light: mix(#fff, $tomorokoshi-yellow, 20%);
$tomorokoshi-yellow-dark: mix(#000, $tomorokoshi-yellow, 20%);
.element {
color: $tomorokoshi-yellow;
box-shadow: 0 0 0 2px rgba($tomorokoshi-yellow, 0.35);
}