Nazwany kolor · #EFF0C0
Missed
Missed to #EFF0C0: rgb(239 240 192), hsl(61 62% 85%), oklch(0.942 0.062 108.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Missed color name →
#EFF0C0
oklch(0.942 0.062 108.5)
Konwersje koloru
- HEX
- #eff0c0
- RGB
- rgb(239 240 192)
- HSL
- hsl(61 62% 85%)
- HWB
- hwb(61 75% 6%)
- OKLCH
- oklch(0.942 0.062 108.5)
- OKLab
- oklab(0.942 -0.02 0.059)
- CIE Lab
- lab(93.83 -6.04 23.21)
- LCH
- lch(93.83 23.98 104.6)
- CMYK
- cmyk(0% 0% 20% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1F2C6
- F2F3CD
- F4F5D3
- F5F6DA
- F7F8E0
- F8F9E6
- FAFBEC
- FCFCF3
- FDFEF9
Odcienie ciemniejsze
- D0D1A7
- B1B28E
- 949576
- 78785F
- 5C5D49
- 424334
- 2A2A20
- 14140E
- 030302
Tony
- E3E4BA
- D8D9B3
- CCCDAD
- C1C2A6
- B6B7A0
- ABAB9A
- A0A093
- 95958D
- 8A8B86
Harmonie kolorów
Komplementarna +180°
- EFF0C0
Missed
- EBE9FF
≈ Bright Dusk
Analogowa -30° +30°
- EFF0C0
Missed
- FFE9C6
≈ Chess Ivory
- D8F7CF
≈ Fresh Lime
Triada +120° +240°
- EFF0C0
Missed
- D5F1FF
≈ Water
- FFE3F0
≈ Bunny Tail
Komplementarna rozszczepiona +150° +210°
- EFF0C0
Missed
- E1EDFF
≈ Calcareous Sinter
- F9E3FF
≈ Fairy Salt
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.89:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.89:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--missed: #eff0c0;
--missed-rgb: 239 240 192;
--missed-oklch: oklch(0.942 0.062 108.5);
}
.element {
color: var(--missed);
background-color: hsl(61 62% 85%);
border-color: oklch(0.942 0.062 108.5);
}Tailwind CSS v4
@theme {
--color-missed: #eff0c0;
--color-missed-50: #f6f7e3;
--color-missed-100: #e8ead3;
--color-missed-200: #d5d7b9;
--color-missed-300: #b8bb96;
--color-missed-400: #a1a277;
--color-missed-500: #898a58;
--color-missed-600: #74754b;
--color-missed-700: #5d5d3c;
--color-missed-800: #45442a;
--color-missed-900: #302f1c;
--color-missed-950: #1c1b0d;
}SCSS
$missed: #eff0c0;
$missed-rgb: 239, 240, 192;
$missed-light: mix(#fff, $missed, 20%);
$missed-dark: mix(#000, $missed, 20%);
.element {
color: $missed;
box-shadow: 0 0 0 2px rgba($missed, 0.35);
}