Colore con nome · #EEEE11
Robot Grendizer Gold
Robot Grendizer Gold è #EEEE11: rgb(238 238 17), hsl(60 87% 50%), oklch(0.919 0.198 109.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Robot Grendizer Gold color name →
#EEEE11
oklch(0.919 0.198 109.7)
Conversioni di colore
- HEX
- #eeee11
- RGB
- rgb(238 238 17)
- HSL
- hsl(60 87% 50%)
- HWB
- hwb(60 7% 7%)
- OKLCH
- oklch(0.919 0.198 109.7)
- OKLab
- oklab(0.919 -0.067 0.187)
- CIE Lab
- lab(91.84 -14.84 87.32)
- LCH
- lch(91.84 88.57 99.6)
- CMYK
- cmyk(0% 0% 93% 7%)
Tinte · Ombre · Toni
Tinte
- EFF04B
- F1F269
- F2F481
- F4F696
- F5F8A9
- F7FABC
- F9FBCD
- FBFDDE
- FDFEEF
Ombre
- CFCF0D
- B1B109
- 939306
- 777704
- 5C5C02
- 424201
- 2A2A00
- 141400
- 030300
Toni
- E2E338
- D7D84B
- CBCD58
- C0C262
- B5B76A
- AAAC71
- 9FA176
- 94967A
- 8A8B7D
Armonie di colore
Complementare +180°
- EEEE11
Robot Grendizer Gold
- E3E0FF
≈ Stoic White
Analogo -30° +30°
- EEEE11
Robot Grendizer Gold
- FFDFAC
≈ Navajo White
- A6FF92
≈ Mint to Be
Triadico +120° +240°
- EEEE11
Robot Grendizer Gold
- C4EBFF
≈ Blue Java Banana
- FFD8E9
≈ Strawberry Milk
Complementare divisa +150° +210°
- EEEE11
Robot Grendizer Gold
- D5E5FF
≈ Veiling Waterfalls
- F7D7FF
≈ Pink Diamond
Tetradico +90° +180° +270°
- EEEE11
Robot Grendizer Gold
- 89F9FF
≈ Electric Blue
- E3E0FF
≈ Stoic White
- FFDAD9
≈ Cottagecore Sunset
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.87:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--robot-grendizer-gold: #eeee11;
--robot-grendizer-gold-rgb: 238 238 17;
--robot-grendizer-gold-oklch: oklch(0.919 0.198 109.7);
}
.element {
color: var(--robot-grendizer-gold);
background-color: hsl(60 87% 50%);
border-color: oklch(0.919 0.198 109.7);
}Tailwind CSS v4
@theme {
--color-robot-grendizer-gold: #eeee11;
--color-robot-grendizer-gold-50: #f6fcba;
--color-robot-grendizer-gold-100: #e9efa1;
--color-robot-grendizer-gold-200: #d7dd74;
--color-robot-grendizer-gold-300: #bbc02f;
--color-robot-grendizer-gold-400: #a8a600;
--color-robot-grendizer-gold-500: #928d00;
--color-robot-grendizer-gold-600: #7b7700;
--color-robot-grendizer-gold-700: #635f00;
--color-robot-grendizer-gold-800: #4b4500;
--color-robot-grendizer-gold-900: #343000;
--color-robot-grendizer-gold-950: #201c00;
}SCSS
$robot-grendizer-gold: #eeee11;
$robot-grendizer-gold-rgb: 238, 238, 17;
$robot-grendizer-gold-light: mix(#fff, $robot-grendizer-gold, 20%);
$robot-grendizer-gold-dark: mix(#000, $robot-grendizer-gold, 20%);
.element {
color: $robot-grendizer-gold;
box-shadow: 0 0 0 2px rgba($robot-grendizer-gold, 0.35);
}