Nazwany kolor · #FFF44F
Yellow Cattleya
Yellow Cattleya to #FFF44F: rgb(255 244 79), hsl(56 100% 65%), oklch(0.948 0.177 105.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellow Cattleya color name →
#FFF44F
oklch(0.948 0.177 105.5)
Konwersje koloru
- HEX
- #fff44f
- RGB
- rgb(255 244 79)
- HSL
- hsl(56 100% 65%)
- HWB
- hwb(56 31% 0%)
- OKLCH
- oklch(0.948 0.177 105.5)
- OKLab
- oklab(0.948 -0.047 0.17)
- CIE Lab
- lab(94.98 -9.4 76.17)
- LCH
- lch(94.98 76.75 97)
- CMYK
- cmyk(0% 4% 69% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF66A
- FFF780
- FEF893
- FEFAA4
- FEFBB5
- FEFCC5
- FEFDD4
- FFFEE2
- FFFEF1
Odcienie ciemniejsze
- DED444
- BEB538
- 9E972E
- 807A23
- 635E19
- 484410
- 2E2B07
- 161402
- 030300
Tony
- F1E85B
- E4DC64
- D7D16B
- CAC571
- BDB976
- B0AE79
- A4A27C
- 98977E
- 8C8B7F
Harmonie kolorów
Komplementarna +180°
- FFF44F
Yellow Cattleya
- ECECFF
≈ Carte Blanche
Analogowa -30° +30°
- FFF44F
Yellow Cattleya
- FFEBCF
≈ Blanched Almond
- CEFFB5
≈ Sour Green Cherry
Triada +120° +240°
- FFF44F
Yellow Cattleya
- D7F3FF
≈ Water
- FFE6F3
≈ Cherubic
Komplementarna rozszczepiona +150° +210°
- FFF44F
Yellow Cattleya
- E3EFFF
≈ Brilliant White
- F8E7FF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- FFF44F
Yellow Cattleya
- AEFFFF
≈ Affen Turquoise
- ECECFF
≈ Carte Blanche
- FFE7E8
≈ Vanilla Strawberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.30:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.30:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellow-cattleya: #fff44f;
--yellow-cattleya-rgb: 255 244 79;
--yellow-cattleya-oklch: oklch(0.948 0.177 105.5);
}
.element {
color: var(--yellow-cattleya);
background-color: hsl(56 100% 65%);
border-color: oklch(0.948 0.177 105.5);
}Tailwind CSS v4
@theme {
--color-yellow-cattleya: #fff44f;
--color-yellow-cattleya-50: #fafabf;
--color-yellow-cattleya-100: #eeeda7;
--color-yellow-cattleya-200: #dcda7e;
--color-yellow-cattleya-300: #c1bd43;
--color-yellow-cattleya-400: #aea300;
--color-yellow-cattleya-500: #998900;
--color-yellow-cattleya-600: #817400;
--color-yellow-cattleya-700: #675d00;
--color-yellow-cattleya-800: #4e4300;
--color-yellow-cattleya-900: #362e00;
--color-yellow-cattleya-950: #211b00;
}SCSS
$yellow-cattleya: #fff44f;
$yellow-cattleya-rgb: 255, 244, 79;
$yellow-cattleya-light: mix(#fff, $yellow-cattleya, 20%);
$yellow-cattleya-dark: mix(#000, $yellow-cattleya, 20%);
.element {
color: $yellow-cattleya;
box-shadow: 0 0 0 2px rgba($yellow-cattleya, 0.35);
}