이름 색상 · #FFE07B
Ripe Pineapple
Ripe Pineapple은(는) #FFE07B: rgb(255 224 123), hsl(46 100% 74%), oklch(0.912 0.126 92.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Ripe Pineapple color name →
#FFE07B
oklch(0.912 0.126 92.7)
색상 변환
- HEX
- #ffe07b
- RGB
- rgb(255 224 123)
- HSL
- hsl(46 100% 74%)
- HWB
- hwb(46 48% 0%)
- OKLCH
- oklch(0.912 0.126 92.7)
- OKLab
- oklab(0.912 -0.006 0.125)
- CIE Lab
- lab(90.27 2.07 53.01)
- LCH
- lch(90.27 53.05 87.8)
- CMYK
- cmyk(0% 12% 52% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE38A
- FFE799
- FFEAA7
- FFEDB4
- FFF0C1
- FFF3CE
- FFF6DA
- FFF9E7
- FFFCF3
셰이드
- DEC36A
- BEA65A
- 9E8A4A
- 80703A
- 63562C
- 483E1E
- 2E2710
- 161205
- 030201
톤
- F2D67D
- E4CC7F
- D7C381
- CAB982
- BEAF82
- B1A683
- A49C82
- 989382
- 8C8981
색 조화
보색 +180°
- FFE07B
Ripe Pineapple
- D8E1FF
≈ Contrail
유사색 -30° +30°
- FFE07B
Ripe Pineapple
- FFDABB
≈ Thousand Needles Sand
- D3F090
≈ Laced Green
삼각 배색 +120° +240°
- FFE07B
Ripe Pineapple
- A9F0FF
≈ Beyond the Clouds
- FFD2F6
≈ Shampoo
분열 보색 +150° +210°
- FFE07B
Ripe Pineapple
- C8E6FF
≈ Icy Landscape
- E8DAFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FFE07B
Ripe Pineapple
- 71FDE9
≈ Icy Life
- D8E1FF
≈ Contrail
- FFD5DF
≈ No Need to Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.20:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--ripe-pineapple: #ffe07b;
--ripe-pineapple-rgb: 255 224 123;
--ripe-pineapple-oklch: oklch(0.912 0.126 92.7);
}
.element {
color: var(--ripe-pineapple);
background-color: hsl(46 100% 74%);
border-color: oklch(0.912 0.126 92.7);
}Tailwind CSS v4
@theme {
--color-ripe-pineapple: #ffe07b;
--color-ripe-pineapple-50: #fff5cd;
--color-ripe-pineapple-100: #f5e8b9;
--color-ripe-pineapple-200: #e5d497;
--color-ripe-pineapple-300: #ccb76a;
--color-ripe-pineapple-400: #b89c3b;
--color-ripe-pineapple-500: #a38200;
--color-ripe-pineapple-600: #8a6e00;
--color-ripe-pineapple-700: #6f5800;
--color-ripe-pineapple-800: #534000;
--color-ripe-pineapple-900: #3a2c00;
--color-ripe-pineapple-950: #241900;
}SCSS
$ripe-pineapple: #ffe07b;
$ripe-pineapple-rgb: 255, 224, 123;
$ripe-pineapple-light: mix(#fff, $ripe-pineapple, 20%);
$ripe-pineapple-dark: mix(#000, $ripe-pineapple, 20%);
.element {
color: $ripe-pineapple;
box-shadow: 0 0 0 2px rgba($ripe-pineapple, 0.35);
}