Cor nomeada · #EEDD55
Biotic Orb
Biotic Orb é #EEDD55: rgb(238 221 85), hsl(53 82% 63%), oklch(0.887 0.154 102.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Biotic Orb color name →
#EEDD55
oklch(0.887 0.154 102.2)
Conversões de cor
- HEX
- #eedd55
- RGB
- rgb(238 221 85)
- HSL
- hsl(53 82% 63%)
- HWB
- hwb(53 33% 7%)
- OKLCH
- oklch(0.887 0.154 102.2)
- OKLab
- oklab(0.887 -0.032 0.15)
- CIE Lab
- lab(87.68 -5.31 66.23)
- LCH
- lch(87.68 66.45 94.6)
- CMYK
- cmyk(0% 7% 64% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0E16C
- F1E480
- F3E892
- F4ECA3
- F6EFB3
- F8F2C3
- F9F6D2
- FBF9E1
- FDFCF0
Sombras
- CFC049
- B1A43D
- 938831
- 776E26
- 5C551C
- 423D11
- 2A2608
- 141102
- 030200
Tons
- E2D45E
- D7CA66
- CBC16C
- C0B771
- B5AE75
- AAA578
- 9F9C7B
- 95927D
- 8A897F
Harmonias de cor
Complementar +180°
- EEDD55
Biotic Orb
- D3D6FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- EEDD55
Biotic Orb
- FFD198
≈ Whipped Apricot
- B3EF80
≈ Green Day
Tríade +120° +240°
- EEDD55
Biotic Orb
- A0E6FF
≈ Winter Wizard
- FFC6E8
≈ Soulmate Pink
Complementar dividida +150° +210°
- EEDD55
Biotic Orb
- BFDDFF
≈ Broad Daylight
- EBCCFF
≈ Sparkling Lavender
Tétrade +90° +180° +270°
- EEDD55
Biotic Orb
- 01F9F4
≈ Arctic Water
- D3D6FF
≈ Pale Phthalo Blue
- FFCACF
≈ Fruit Bowl
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.10:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--biotic-orb: #eedd55;
--biotic-orb-rgb: 238 221 85;
--biotic-orb-oklch: oklch(0.887 0.154 102.2);
}
.element {
color: var(--biotic-orb);
background-color: hsl(53 82% 63%);
border-color: oklch(0.887 0.154 102.2);
}Tailwind CSS v4
@theme {
--color-biotic-orb: #eedd55;
--color-biotic-orb-50: #fcf8c5;
--color-biotic-orb-100: #f0ebaf;
--color-biotic-orb-200: #dfd889;
--color-biotic-orb-300: #c4bb56;
--color-biotic-orb-400: #b1a103;
--color-biotic-orb-500: #9b8700;
--color-biotic-orb-600: #837300;
--color-biotic-orb-700: #695c00;
--color-biotic-orb-800: #4f4200;
--color-biotic-orb-900: #372e00;
--color-biotic-orb-950: #221a00;
}SCSS
$biotic-orb: #eedd55;
$biotic-orb-rgb: 238, 221, 85;
$biotic-orb-light: mix(#fff, $biotic-orb, 20%);
$biotic-orb-dark: mix(#000, $biotic-orb, 20%);
.element {
color: $biotic-orb;
box-shadow: 0 0 0 2px rgba($biotic-orb, 0.35);
}