Nazwany kolor · #EECC55
Fish Finger
Fish Finger to #EECC55: rgb(238 204 85), hsl(47 82% 63%), oklch(0.853 0.141 93.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Fish Finger color name →
#EECC55
oklch(0.853 0.141 93.2)
Konwersje koloru
- HEX
- #eecc55
- RGB
- rgb(238 204 85)
- HSL
- hsl(47 82% 63%)
- HWB
- hwb(47 33% 7%)
- OKLCH
- oklch(0.853 0.141 93.2)
- OKLab
- oklab(0.853 -0.008 0.141)
- CIE Lab
- lab(83.37 2.86 61.83)
- LCH
- lch(83.37 61.9 87.4)
- CMYK
- cmyk(0% 14% 64% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D16B
- F1D77E
- F3DC90
- F5E1A1
- F6E6B1
- F8EBC1
- FAF0D1
- FCF5E0
- FDFAF0
Odcienie ciemniejsze
- CFB149
- B1973D
- 937E31
- 776526
- 5C4E1C
- 423711
- 2A2208
- 140F02
- 030200
Tony
- E2C45D
- D7BD64
- CCB56A
- C1AE6F
- B5A673
- AA9E77
- A0977A
- 958F7C
- 8A887E
Harmonie kolorów
Komplementarna +180°
- EECC55
Fish Finger
- BFCCFF
≈ Light Periwinkle
Analogowa -30° +30°
- EECC55
Fish Finger
- FFC086
≈ Buttery
- BDDE71
≈ Citrus Lime
Triada +120° +240°
- EECC55
Fish Finger
- 58E4FF
≈ Shimmering Expanse Cyan
- FFB0F1
≈ Pink Apotheosis
Komplementarna rozszczepiona +150° +210°
- EECC55
Fish Finger
- A2D5FF
≈ Malmö FF
- DAC1FF
≈ Neon Boneyard
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.40:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--fish-finger: #eecc55;
--fish-finger-rgb: 238 204 85;
--fish-finger-oklch: oklch(0.853 0.141 93.2);
}
.element {
color: var(--fish-finger);
background-color: hsl(47 82% 63%);
border-color: oklch(0.853 0.141 93.2);
}Tailwind CSS v4
@theme {
--color-fish-finger: #eecc55;
--color-fish-finger-50: #fff6c8;
--color-fish-finger-100: #f6e8b3;
--color-fish-finger-200: #e7d48e;
--color-fish-finger-300: #ceb75e;
--color-fish-finger-400: #bb9c23;
--color-fish-finger-500: #a68200;
--color-fish-finger-600: #8c6e00;
--color-fish-finger-700: #715800;
--color-fish-finger-800: #543f00;
--color-fish-finger-900: #3b2c00;
--color-fish-finger-950: #251900;
}SCSS
$fish-finger: #eecc55;
$fish-finger-rgb: 238, 204, 85;
$fish-finger-light: mix(#fff, $fish-finger, 20%);
$fish-finger-dark: mix(#000, $fish-finger, 20%);
.element {
color: $fish-finger;
box-shadow: 0 0 0 2px rgba($fish-finger, 0.35);
}