Adlandırılmış renk · #F4D81C
Ripe Lemon
Ripe Lemon, #F4D81C: rgb(244 216 28), hsl(52 91% 53%), oklch(0.879 0.178 99.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Ripe Lemon color name →
#F4D81C
oklch(0.879 0.178 99.5)
Renk dönüşümleri
- HEX
- #f4d81c
- RGB
- rgb(244 216 28)
- HSL
- hsl(52 91% 53%)
- HWB
- hwb(52 11% 4%)
- OKLCH
- oklch(0.879 0.178 99.5)
- OKLab
- oklab(0.879 -0.029 0.176)
- CIE Lab
- lab(86.71 -1.96 82.41)
- LCH
- lch(86.71 82.43 91.4)
- CMYK
- cmyk(0% 11% 89% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5DC4B
- F6E168
- F7E57F
- F8E994
- F9EDA7
- FAF1BA
- FBF4CC
- FCF8DD
- FEFCEE
Koyu tonlar
- D4BC17
- B5A012
- 97850D
- 7A6B08
- 5E5305
- 443B02
- 2B2501
- 141100
- 030200
Gri tonlar
- E8CF3A
- DCC64B
- D0BE57
- C4B561
- B8AC69
- ACA36F
- A19B74
- 969279
- 8B897D
Renk uyumları
Tamamlayıcı +180°
- F4D81C
Ripe Lemon
- CED4FF
≈ Pale Phthalo Blue
Analog -30° +30°
- F4D81C
Ripe Lemon
- FFCD94
≈ Tangerine Silk
- B1EE65
≈ Inchworm
Üçlü +120° +240°
- F4D81C
Ripe Lemon
- 92E5FF
≈ Winter Wizard
- FFC1EA
≈ Pretty in Pink
Bölünmüş tamamlayıcı +150° +210°
- F4D81C
Ripe Lemon
- B9DBFF
≈ Broad Daylight
- E7C9FF
≈ Wisteria Powder
Dörtlü +90° +180° +270°
- F4D81C
Ripe Lemon
- 00F6EC
≈ Bright Aqua
- CED4FF
≈ Pale Phthalo Blue
- FFC6CE
≈ Rubber Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.42:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.68:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--ripe-lemon: #f4d81c;
--ripe-lemon-rgb: 244 216 28;
--ripe-lemon-oklch: oklch(0.879 0.178 99.5);
}
.element {
color: var(--ripe-lemon);
background-color: hsl(52 91% 53%);
border-color: oklch(0.879 0.178 99.5);
}Tailwind CSS v4
@theme {
--color-ripe-lemon: #f4d81c;
--color-ripe-lemon-50: #fff8bd;
--color-ripe-lemon-100: #f4eba5;
--color-ripe-lemon-200: #e4d77a;
--color-ripe-lemon-300: #cbba3c;
--color-ripe-lemon-400: #b99e00;
--color-ripe-lemon-500: #a48400;
--color-ripe-lemon-600: #8b7000;
--color-ripe-lemon-700: #6f5a00;
--color-ripe-lemon-800: #544000;
--color-ripe-lemon-900: #3a2d00;
--color-ripe-lemon-950: #251900;
}SCSS
$ripe-lemon: #f4d81c;
$ripe-lemon-rgb: 244, 216, 28;
$ripe-lemon-light: mix(#fff, $ripe-lemon, 20%);
$ripe-lemon-dark: mix(#000, $ripe-lemon, 20%);
.element {
color: $ripe-lemon;
box-shadow: 0 0 0 2px rgba($ripe-lemon, 0.35);
}