Nazwany kolor · #EECC88
Spaghetti Monster
Spaghetti Monster to #EECC88: rgb(238 204 136), hsl(40 75% 73%), oklch(0.859 0.094 84). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Spaghetti Monster color name →
#EECC88
oklch(0.859 0.094 84)
Konwersje koloru
- HEX
- #eecc88
- RGB
- rgb(238 204 136)
- HSL
- hsl(40 75% 73%)
- HWB
- hwb(40 53% 7%)
- OKLCH
- oklch(0.859 0.094 84)
- OKLab
- oklab(0.859 0.01 0.094)
- CIE Lab
- lab(83.86 5.84 38.51)
- LCH
- lch(83.86 38.95 81.4)
- CMYK
- cmyk(0% 14% 43% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D195
- F2D6A1
- F3DCAD
- F5E1B9
- F7E6C5
- F8EBD1
- FAF0DC
- FCF5E8
- FDFAF3
Odcienie ciemniejsze
- CFB175
- B19763
- 937E52
- 776541
- 5C4E31
- 423722
- 2A2213
- 140F06
- 030201
Tony
- E3C488
- D7BD88
- CCB588
- C1AD87
- B6A686
- AB9E85
- A09684
- 958F83
- 8A8782
Harmonie kolorów
Komplementarna +180°
- EECC88
Spaghetti Monster
- BAD1FF
≈ Ice Cold Stare
Analogowa -30° +30°
- EECC88
Spaghetti Monster
- FFC29A
≈ Wispy White
- CFD890
≈ Golden Delicious
Triada +120° +240°
- EECC88
Spaghetti Monster
- 80E3ED
≈ Photon Barrier
- F0BCF4
≈ Lovecloud
Komplementarna rozszczepiona +150° +210°
- EECC88
Spaghetti Monster
- 9ADAFF
≈ Shiva Blue
- D3C8FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- EECC88
Spaghetti Monster
- 8BE5CC
≈ Clean Green
- BAD1FF
≈ Ice Cold Stare
- FFBAD5
≈ Cotton Candy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.62:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--spaghetti-monster: #eecc88;
--spaghetti-monster-rgb: 238 204 136;
--spaghetti-monster-oklch: oklch(0.859 0.094 84);
}
.element {
color: var(--spaghetti-monster);
background-color: hsl(40 75% 73%);
border-color: oklch(0.859 0.094 84);
}Tailwind CSS v4
@theme {
--color-spaghetti-monster: #eecc88;
--color-spaghetti-monster-50: #fff4d7;
--color-spaghetti-monster-100: #f6e6c5;
--color-spaghetti-monster-200: #e6d2a7;
--color-spaghetti-monster-300: #cdb57f;
--color-spaghetti-monster-400: #b99a5b;
--color-spaghetti-monster-500: #a48033;
--color-spaghetti-monster-600: #8a6d2d;
--color-spaghetti-monster-700: #6f5724;
--color-spaghetti-monster-800: #533f18;
--color-spaghetti-monster-900: #3a2b0f;
--color-spaghetti-monster-950: #241803;
}SCSS
$spaghetti-monster: #eecc88;
$spaghetti-monster-rgb: 238, 204, 136;
$spaghetti-monster-light: mix(#fff, $spaghetti-monster, 20%);
$spaghetti-monster-dark: mix(#000, $spaghetti-monster, 20%);
.element {
color: $spaghetti-monster;
box-shadow: 0 0 0 2px rgba($spaghetti-monster, 0.35);
}