Nazwany kolor · #EEDD44
Orb of Harmony
Orb of Harmony to #EEDD44: rgb(238 221 68), hsl(54 83% 60%), oklch(0.886 0.165 102.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Orb of Harmony color name →
#EEDD44
oklch(0.886 0.165 102.8)
Konwersje koloru
- HEX
- #eedd44
- RGB
- rgb(238 221 68)
- HSL
- hsl(54 83% 60%)
- HWB
- hwb(54 27% 7%)
- OKLCH
- oklch(0.886 0.165 102.8)
- OKLab
- oklab(0.886 -0.037 0.161)
- CIE Lab
- lab(87.59 -5.95 72.44)
- LCH
- lch(87.59 72.69 94.7)
- CMYK
- cmyk(0% 7% 71% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E160
- F1E577
- F3E88B
- F4EC9D
- F6EFAF
- F8F3BF
- F9F6D0
- FBF9E0
- FDFCEF
Odcienie ciemniejsze
- CFC03A
- B1A430
- 938826
- 776E1D
- 5C5514
- 423D0C
- 2A2605
- 141102
- 030200
Tony
- E2D451
- D7CA5C
- CBC164
- C0B86B
- B5AE70
- AAA575
- 9F9C78
- 95927B
- 8A897E
Harmonie kolorów
Komplementarna +180°
- EEDD44
Orb of Harmony
- D3D5FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- EEDD44
Orb of Harmony
- FFD095
≈ Whipped Apricot
- AEF079
≈ Pisco Sour
Triada +120° +240°
- EEDD44
Orb of Harmony
- A0E5FF
≈ Winter Wizard
- FFC5E7
≈ Sugarwinkle
Komplementarna rozszczepiona +150° +210°
- EEDD44
Orb of Harmony
- BFDCFF
≈ Broad Daylight
- ECCBFF
≈ Sparkling Lavender
Tetrada +90° +180° +270°
- EEDD44
Orb of Harmony
- 00F8F4
≈ Arctic Water
- D3D5FF
≈ Pale Phthalo Blue
- FFC9CE
≈ Fruit Bowl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.06:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.06:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--orb-of-harmony: #eedd44;
--orb-of-harmony-rgb: 238 221 68;
--orb-of-harmony-oklch: oklch(0.886 0.165 102.8);
}
.element {
color: var(--orb-of-harmony);
background-color: hsl(54 83% 60%);
border-color: oklch(0.886 0.165 102.8);
}Tailwind CSS v4
@theme {
--color-orb-of-harmony: #eedd44;
--color-orb-of-harmony-50: #fcf9c2;
--color-orb-of-harmony-100: #f0ecab;
--color-orb-of-harmony-200: #dfd883;
--color-orb-of-harmony-300: #c4bc4c;
--color-orb-of-harmony-400: #b1a100;
--color-orb-of-harmony-500: #9c8700;
--color-orb-of-harmony-600: #847300;
--color-orb-of-harmony-700: #6a5c00;
--color-orb-of-harmony-800: #504200;
--color-orb-of-harmony-900: #372e00;
--color-orb-of-harmony-950: #221a00;
}SCSS
$orb-of-harmony: #eedd44;
$orb-of-harmony-rgb: 238, 221, 68;
$orb-of-harmony-light: mix(#fff, $orb-of-harmony, 20%);
$orb-of-harmony-dark: mix(#000, $orb-of-harmony, 20%);
.element {
color: $orb-of-harmony;
box-shadow: 0 0 0 2px rgba($orb-of-harmony, 0.35);
}