Nazwany kolor · #B6C406
Leafy Seadragon
Leafy Seadragon to #B6C406: rgb(182 196 6), hsl(64 94% 40%), oklch(0.783 0.176 114.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Leafy Seadragon color name →
#B6C406
oklch(0.783 0.176 114.9)
Konwersje koloru
- HEX
- #b6c406
- RGB
- rgb(182 196 6)
- HSL
- hsl(64 94% 40%)
- HWB
- hwb(64 2% 23%)
- OKLCH
- oklch(0.783 0.176 114.9)
- OKLab
- oklab(0.783 -0.074 0.16)
- CIE Lab
- lab(76.06 -18.77 74.61)
- LCH
- lch(76.06 76.93 104.1)
- CMYK
- cmyk(7% 0% 97% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDCA40
- C4D15D
- CBD775
- D2DD8B
- D9E39F
- E0E8B3
- E8EEC6
- EFF4D9
- F7FAEC
Odcienie ciemniejsze
- 9EAA04
- 869103
- 6F7802
- 596101
- 444A01
- 303500
- 1D2100
- 0C0E00
- 020200
Tony
- B0BD2E
- ABB741
- A5B04E
- 9FA959
- 9AA261
- 949C69
- 8F9570
- 8A8E76
- 85877B
Harmonie kolorów
Komplementarna +180°
- B6C406
Leafy Seadragon
- BEA8FF
≈ Winterspring Lilac
Analogowa -30° +30°
- B6C406
Leafy Seadragon
- E7AE00
≈ Yellow of Izamal
- 65D56C
≈ Pastel Green
Triada +120° +240°
- B6C406
Leafy Seadragon
- 56C5FF
≈ Blue Mana
- FF8FBD
≈ Cochonnet
Komplementarna rozszczepiona +150° +210°
- B6C406
Leafy Seadragon
- 96B7FF
≈ Truesky Gloxym
- EF8DF6
≈ Frail Fuchsia
Tetrada +90° +180° +270°
- B6C406
Leafy Seadragon
- 00D0E0
≈ Aztec Turquoise
- BEA8FF
≈ Winterspring Lilac
- FF978F
≈ Lolly
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.88:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--leafy-seadragon: #b6c406;
--leafy-seadragon-rgb: 182 196 6;
--leafy-seadragon-oklch: oklch(0.783 0.176 114.9);
}
.element {
color: var(--leafy-seadragon);
background-color: hsl(64 94% 40%);
border-color: oklch(0.783 0.176 114.9);
}Tailwind CSS v4
@theme {
--color-leafy-seadragon: #b6c406;
--color-leafy-seadragon-50: #f1fcc3;
--color-leafy-seadragon-100: #e3f0ad;
--color-leafy-seadragon-200: #cfde85;
--color-leafy-seadragon-300: #b2c350;
--color-leafy-seadragon-400: #9da900;
--color-leafy-seadragon-500: #859100;
--color-leafy-seadragon-600: #717a00;
--color-leafy-seadragon-700: #5a6200;
--color-leafy-seadragon-800: #444700;
--color-leafy-seadragon-900: #2f3100;
--color-leafy-seadragon-950: #1c1d00;
}SCSS
$leafy-seadragon: #b6c406;
$leafy-seadragon-rgb: 182, 196, 6;
$leafy-seadragon-light: mix(#fff, $leafy-seadragon, 20%);
$leafy-seadragon-dark: mix(#000, $leafy-seadragon, 20%);
.element {
color: $leafy-seadragon;
box-shadow: 0 0 0 2px rgba($leafy-seadragon, 0.35);
}