Nazwany kolor · #D4FB79
Honeydew Peel
Honeydew Peel to #D4FB79: rgb(212 251 121), hsl(78 94% 73%), oklch(0.934 0.163 123.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Honeydew Peel color name →
#D4FB79
oklch(0.934 0.163 123.4)
Konwersje koloru
- HEX
- #d4fb79
- RGB
- rgb(212 251 121)
- HSL
- hsl(78 94% 73%)
- HWB
- hwb(78 47% 2%)
- OKLCH
- oklch(0.934 0.163 123.4)
- OKLab
- oklab(0.934 -0.09 0.136)
- CIE Lab
- lab(93.87 -27.22 57.03)
- LCH
- lch(93.87 63.19 115.5)
- CMYK
- cmyk(16% 0% 52% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8FC89
- DCFC98
- E1FDA7
- E5FEB4
- E9FEC1
- EDFECE
- F2FFDB
- F6FFE7
- FBFFF3
Odcienie ciemniejsze
- B8DA68
- 9DBA58
- 839C48
- 697E39
- 51612B
- 3A461D
- 242D10
- 101505
- 020301
Tony
- CBEE7C
- C3E27F
- BAD580
- B1C982
- A9BC82
- A1B083
- 98A483
- 909882
- 888C81
Harmonie kolorów
Komplementarna +180°
- D4FB79
Honeydew Peel
- EEE3FF
≈ Lavender Savour
Analogowa -30° +30°
- D4FB79
Honeydew Peel
- FFE89D
≈ First Tulip
- AFFFC7
≈ Neo Mint
Triada +120° +240°
- D4FB79
Honeydew Peel
- D6ECFF
≈ Cloudless
- FFE0E7
≈ Pink Pleasure
Komplementarna rozszczepiona +150° +210°
- D4FB79
Honeydew Peel
- E2E8FF
≈ Cyber Lavender
- FFDDF8
≈ Strawberry Frost
Tetrada +90° +180° +270°
- D4FB79
Honeydew Peel
- C1F3FF
≈ Heaven’s Gate
- EEE3FF
≈ Lavender Savour
- FFE2DB
≈ Lady Anne
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.87:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--honeydew-peel: #d4fb79;
--honeydew-peel-rgb: 212 251 121;
--honeydew-peel-oklch: oklch(0.934 0.163 123.4);
}
.element {
color: var(--honeydew-peel);
background-color: hsl(78 94% 73%);
border-color: oklch(0.934 0.163 123.4);
}Tailwind CSS v4
@theme {
--color-honeydew-peel: #d4fb79;
--color-honeydew-peel-50: #eafecc;
--color-honeydew-peel-100: #dbf2b7;
--color-honeydew-peel-200: #c4e194;
--color-honeydew-peel-300: #a4c665;
--color-honeydew-peel-400: #8cad2e;
--color-honeydew-peel-500: #729600;
--color-honeydew-peel-600: #607f00;
--color-honeydew-peel-700: #4d6500;
--color-honeydew-peel-800: #3a4a00;
--color-honeydew-peel-900: #283300;
--color-honeydew-peel-950: #161f00;
}SCSS
$honeydew-peel: #d4fb79;
$honeydew-peel-rgb: 212, 251, 121;
$honeydew-peel-light: mix(#fff, $honeydew-peel, 20%);
$honeydew-peel-dark: mix(#000, $honeydew-peel, 20%);
.element {
color: $honeydew-peel;
box-shadow: 0 0 0 2px rgba($honeydew-peel, 0.35);
}