Nazwany kolor · #CFDD7B
Golden Hop
Golden Hop to #CFDD7B: rgb(207 221 123), hsl(69 59% 67%), oklch(0.866 0.124 115.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Hop color name →
#CFDD7B
oklch(0.866 0.124 115.7)
Konwersje koloru
- HEX
- #cfdd7b
- RGB
- rgb(207 221 123)
- HSL
- hsl(69 59% 67%)
- HWB
- hwb(69 48% 13%)
- OKLCH
- oklch(0.866 0.124 115.7)
- OKLab
- oklab(0.866 -0.054 0.111)
- CIE Lab
- lab(85.46 -15.54 46.15)
- LCH
- lch(85.46 48.69 108.6)
- CMYK
- cmyk(6% 0% 44% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4E18A
- D8E498
- DDE8A5
- E2EBB3
- E6EFC0
- EBF2CD
- F0F5D9
- F5F9E6
- FAFCF3
Odcienie ciemniejsze
- B4C06A
- 99A45A
- 7F884A
- 676E3A
- 4F552C
- 383D1E
- 232610
- 101105
- 020201
Tony
- C7D37D
- BECA7F
- B6C180
- AEB781
- A6AE81
- 9EA582
- 979B82
- 8F9281
- 878981
Harmonie kolorów
Komplementarna +180°
- CFDD7B
Golden Hop
- D6CAFF
≈ Innocent Snowdrop
Analogowa -30° +30°
- CFDD7B
Golden Hop
- F7CD6D
≈ Bright Yarrow
- 9DE9A1
≈ Mint Tonic
Triada +120° +240°
- CFDD7B
Golden Hop
- A2DCFF
≈ Columbia Blue
- FFBDD5
≈ Cotton Candy
Komplementarna rozszczepiona +150° +210°
- CFDD7B
Golden Hop
- BFD3FF
≈ Pale Phthalo Blue
- FDB6FF
≈ Strawberry Buttercream
Tetrada +90° +180° +270°
- CFDD7B
Golden Hop
- 59EAFA
≈ Bioluminescence
- D6CAFF
≈ Innocent Snowdrop
- FFC1BB
≈ Ladylike
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.28:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-hop: #cfdd7b;
--golden-hop-rgb: 207 221 123;
--golden-hop-oklch: oklch(0.866 0.124 115.7);
}
.element {
color: var(--golden-hop);
background-color: hsl(69 59% 67%);
border-color: oklch(0.866 0.124 115.7);
}Tailwind CSS v4
@theme {
--color-golden-hop: #cfdd7b;
--color-golden-hop-50: #f2fbd3;
--color-golden-hop-100: #e4eec0;
--color-golden-hop-200: #cfdca0;
--color-golden-hop-300: #b2c076;
--color-golden-hop-400: #9ba74b;
--color-golden-hop-500: #838f13;
--color-golden-hop-600: #6f7915;
--color-golden-hop-700: #596112;
--color-golden-hop-800: #424707;
--color-golden-hop-900: #2e3105;
--color-golden-hop-950: #1b1d00;
}SCSS
$golden-hop: #cfdd7b;
$golden-hop-rgb: 207, 221, 123;
$golden-hop-light: mix(#fff, $golden-hop, 20%);
$golden-hop-dark: mix(#000, $golden-hop, 20%);
.element {
color: $golden-hop;
box-shadow: 0 0 0 2px rgba($golden-hop, 0.35);
}