Nazwany kolor · #FBDD24
Jubilation
Jubilation to #FBDD24: rgb(251 221 36), hsl(52 96% 56%), oklch(0.896 0.179 98.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Jubilation color name →
#FBDD24
oklch(0.896 0.179 98.8)
Konwersje koloru
- HEX
- #fbdd24
- RGB
- rgb(251 221 36)
- HSL
- hsl(52 96% 56%)
- HWB
- hwb(52 14% 2%)
- OKLCH
- oklch(0.896 0.179 98.8)
- OKLab
- oklab(0.896 -0.027 0.177)
- CIE Lab
- lab(88.64 -1.31 82.7)
- LCH
- lch(88.64 82.71 90.9)
- CMYK
- cmyk(0% 12% 86% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE14F
- FCE56B
- FCE882
- FCEC96
- FDEFA9
- FDF3BB
- FDF6CD
- FEF9DE
- FEFCEF
Odcienie ciemniejsze
- DAC01E
- BAA418
- 9C8812
- 7E6E0C
- 615507
- 463D04
- 2D2602
- 151100
- 030200
Tony
- EED43E
- E1CA4E
- D4C15A
- C8B863
- BBAE6A
- AFA571
- A39C76
- 97937A
- 8B897D
Harmonie kolorów
Komplementarna +180°
- FBDD24
Jubilation
- D5DAFF
≈ Icy Plains
Analogowa -30° +30°
- FBDD24
Jubilation
- FFD4A5
≈ Nevada Morning
- B8F368
≈ Green Cow
Triada +120° +240°
- FBDD24
Jubilation
- A2E9FF
≈ Fresh Air
- FFCAED
≈ Puff of Pink
Komplementarna rozszczepiona +150° +210°
- FBDD24
Jubilation
- C2E0FF
≈ Dithered Sky
- E9D1FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- FBDD24
Jubilation
- 00FDF1
≈ Turquoise Blue
- D5DAFF
≈ Icy Plains
- FFCED5
≈ Love Fumes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.46:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--jubilation: #fbdd24;
--jubilation-rgb: 251 221 36;
--jubilation-oklch: oklch(0.896 0.179 98.8);
}
.element {
color: var(--jubilation);
background-color: hsl(52 96% 56%);
border-color: oklch(0.896 0.179 98.8);
}Tailwind CSS v4
@theme {
--color-jubilation: #fbdd24;
--color-jubilation-50: #fff7bc;
--color-jubilation-100: #f5eaa4;
--color-jubilation-200: #e5d779;
--color-jubilation-300: #ccb93a;
--color-jubilation-400: #ba9e00;
--color-jubilation-500: #a58300;
--color-jubilation-600: #8c6f00;
--color-jubilation-700: #705900;
--color-jubilation-800: #544000;
--color-jubilation-900: #3b2c00;
--color-jubilation-950: #251900;
}SCSS
$jubilation: #fbdd24;
$jubilation-rgb: 251, 221, 36;
$jubilation-light: mix(#fff, $jubilation, 20%);
$jubilation-dark: mix(#000, $jubilation, 20%);
.element {
color: $jubilation;
box-shadow: 0 0 0 2px rgba($jubilation, 0.35);
}