Nazwany kolor · #EFC600
Brilliant Impression
Brilliant Impression to #EFC600: rgb(239 198 0), hsl(50 100% 47%), oklch(0.838 0.172 93.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Brilliant Impression color name →
#EFC600
oklch(0.838 0.172 93.8)
Konwersje koloru
- HEX
- #efc600
- RGB
- rgb(239 198 0)
- HSL
- hsl(50 100% 47%)
- HWB
- hwb(50 0% 6%)
- OKLCH
- oklch(0.838 0.172 93.8)
- OKLab
- oklab(0.838 -0.011 0.171)
- CIE Lab
- lab(81.67 4.42 81.86)
- LCH
- lch(81.67 81.97 86.9)
- CMYK
- cmyk(0% 17% 100% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1CC42
- F2D260
- F4D878
- F5DE8E
- F7E4A2
- F9E9B6
- FAEFC8
- FCF4DB
- FDFAED
Odcienie ciemniejsze
- D0AC00
- B19200
- 947A00
- 786200
- 5C4B00
- 423500
- 2A2100
- 140E00
- 030200
Tony
- E3BF2F
- D8B843
- CCB151
- C1AA5B
- B6A464
- AB9D6B
- A09572
- 958E77
- 8A877C
Harmonie kolorów
Komplementarna +180°
- EFC600
Brilliant Impression
- B9C7FF
≈ Light Periwinkle
Analogowa -30° +30°
- EFC600
Brilliant Impression
- FFB977
≈ Durazno Maduro
- B3DC4F
≈ Conifer
Triada +120° +240°
- EFC600
Brilliant Impression
- 3AE0FF
≈ Splashing Wave
- FFA7EE
≈ Pink Wink
Komplementarna rozszczepiona +150° +210°
- EFC600
Brilliant Impression
- 98D1FF
≈ Long Island Sound
- D7BAFF
≈ Lavender Fragrance
Tetrada +90° +180° +270°
- EFC600
Brilliant Impression
- 00E8D4
≈ MoS₂ Cyan
- B9C7FF
≈ Light Periwinkle
- FFB0C3
≈ Baby’s Blanket
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.74:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--brilliant-impression: #efc600;
--brilliant-impression-rgb: 239 198 0;
--brilliant-impression-oklch: oklch(0.838 0.172 93.8);
}
.element {
color: var(--brilliant-impression);
background-color: hsl(50 100% 47%);
border-color: oklch(0.838 0.172 93.8);
}Tailwind CSS v4
@theme {
--color-brilliant-impression: #efc600;
--color-brilliant-impression-50: #fff6be;
--color-brilliant-impression-100: #f9e8a6;
--color-brilliant-impression-200: #ead47c;
--color-brilliant-impression-300: #d2b640;
--color-brilliant-impression-400: #c09a00;
--color-brilliant-impression-500: #ac8000;
--color-brilliant-impression-600: #916c00;
--color-brilliant-impression-700: #755700;
--color-brilliant-impression-800: #583e00;
--color-brilliant-impression-900: #3d2b00;
--color-brilliant-impression-950: #271800;
}SCSS
$brilliant-impression: #efc600;
$brilliant-impression-rgb: 239, 198, 0;
$brilliant-impression-light: mix(#fff, $brilliant-impression, 20%);
$brilliant-impression-dark: mix(#000, $brilliant-impression, 20%);
.element {
color: $brilliant-impression;
box-shadow: 0 0 0 2px rgba($brilliant-impression, 0.35);
}