이름 색상 · #F4D81C
Ripe Lemon
Ripe Lemon은(는) #F4D81C: rgb(244 216 28), hsl(52 91% 53%), oklch(0.879 0.178 99.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Ripe Lemon color name →
#F4D81C
oklch(0.879 0.178 99.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F5DC4B
- F6E168
- F7E57F
- F8E994
- F9EDA7
- FAF1BA
- FBF4CC
- FCF8DD
- FEFCEE
셰이드
- D4BC17
- B5A012
- 97850D
- 7A6B08
- 5E5305
- 443B02
- 2B2501
- 141100
- 030200
톤
- E8CF3A
- DCC64B
- D0BE57
- C4B561
- B8AC69
- ACA36F
- A19B74
- 969279
- 8B897D
색 조화
보색 +180°
- F4D81C
Ripe Lemon
- CED4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- F4D81C
Ripe Lemon
- FFCD94
≈ Tangerine Silk
- B1EE65
≈ Inchworm
삼각 배색 +120° +240°
- F4D81C
Ripe Lemon
- 92E5FF
≈ Winter Wizard
- FFC1EA
≈ Pretty in Pink
분열 보색 +150° +210°
- F4D81C
Ripe Lemon
- B9DBFF
≈ Broad Daylight
- E7C9FF
≈ Wisteria Powder
사각 배색 +90° +180° +270°
- F4D81C
Ripe Lemon
- 00F6EC
≈ Bright Aqua
- CED4FF
≈ Pale Phthalo Blue
- FFC6CE
≈ Rubber Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.68:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
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);
}