Nazwany kolor · #FFE07B
Ripe Pineapple
Ripe Pineapple to #FFE07B: rgb(255 224 123), hsl(46 100% 74%), oklch(0.912 0.126 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Ripe Pineapple color name →
#FFE07B
oklch(0.912 0.126 92.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE38A
- FFE799
- FFEAA7
- FFEDB4
- FFF0C1
- FFF3CE
- FFF6DA
- FFF9E7
- FFFCF3
Odcienie ciemniejsze
- DEC36A
- BEA65A
- 9E8A4A
- 80703A
- 63562C
- 483E1E
- 2E2710
- 161205
- 030201
Tony
- F2D67D
- E4CC7F
- D7C381
- CAB982
- BEAF82
- B1A683
- A49C82
- 989382
- 8C8981
Harmonie kolorów
Komplementarna +180°
- FFE07B
Ripe Pineapple
- D8E1FF
≈ Contrail
Analogowa -30° +30°
- FFE07B
Ripe Pineapple
- FFDABB
≈ Thousand Needles Sand
- D3F090
≈ Laced Green
Triada +120° +240°
- FFE07B
Ripe Pineapple
- A9F0FF
≈ Beyond the Clouds
- FFD2F6
≈ Shampoo
Komplementarna rozszczepiona +150° +210°
- FFE07B
Ripe Pineapple
- C8E6FF
≈ Icy Landscape
- E8DAFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- FFE07B
Ripe Pineapple
- 71FDE9
≈ Icy Life
- D8E1FF
≈ Contrail
- FFD5DF
≈ No Need to Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.20:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
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);
}