Benannte Farbe · #7D7103
Sunlit Kelp Green
Sunlit Kelp Green ist #7D7103: rgb(125 113 3), hsl(54 95% 25%), oklch(0.543 0.113 102). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sunlit Kelp Green color name →
#7D7103
oklch(0.543 0.113 102)
Farbumrechnungen
- HEX
- #7d7103
- RGB
- rgb(125 113 3)
- HSL
- hsl(54 95% 25%)
- HWB
- hwb(54 1% 51%)
- OKLCH
- oklch(0.543 0.113 102)
- OKLab
- oklab(0.543 -0.023 0.11)
- CIE Lab
- lab(47.5 -2.94 52.06)
- LCH
- lch(47.5 52.14 93.2)
- CMYK
- cmyk(0% 10% 98% 51%)
Tints · Shades · Tones
Tints
- 897F2E
- 958C48
- A29A60
- AEA877
- BBB78D
- C9C5A4
- D6D3BA
- E3E2D1
- F1F0E8
Shades
- 6C6102
- 5B5202
- 4B4301
- 3B3501
- 2C2700
- 1E1A00
- 110E00
- 050400
- 010100
Tones
- 7D7320
- 7D7530
- 7E763C
- 7E7848
- 7E7952
- 7E7B5C
- 7F7C65
- 7F7E6E
- 807F77
Farbharmonien
Komplementär +180°
- 7D7103
Sunlit Kelp Green
- 6666AF
≈ Bellflower
Analog -30° +30°
- 7D7103
Sunlit Kelp Green
- 97630B
≈ Raw Sienna
- 567D32
≈ Hot Pepper Green
Triadisch +120° +240°
- 7D7103
Sunlit Kelp Green
- 007C99
≈ Pacific Pleasure
- 9B5382
≈ Feminism
Geteilt komplementär +150° +210°
- 7D7103
Sunlit Kelp Green
- 3972AF
≈ Athens
- 855B9F
≈ Sonic Plum
Tetradisch +90° +180° +270°
- 7D7103
Sunlit Kelp Green
- 00807D
≈ Belly Flop
- 6666AF
≈ Bellflower
- A6515E
≈ Rose Vale
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.95:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.23:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--sunlit-kelp-green: #7d7103;
--sunlit-kelp-green-rgb: 125 113 3;
--sunlit-kelp-green-oklch: oklch(0.543 0.113 102);
}
.element {
color: var(--sunlit-kelp-green);
background-color: hsl(54 95% 25%);
border-color: oklch(0.543 0.113 102);
}Tailwind CSS v4
@theme {
--color-sunlit-kelp-green: #7d7103;
--color-sunlit-kelp-green-50: #faf7d3;
--color-sunlit-kelp-green-100: #eeeabf;
--color-sunlit-kelp-green-200: #dcd79f;
--color-sunlit-kelp-green-300: #c1bb75;
--color-sunlit-kelp-green-400: #aca14c;
--color-sunlit-kelp-green-500: #958815;
--color-sunlit-kelp-green-600: #7e7317;
--color-sunlit-kelp-green-700: #655c13;
--color-sunlit-kelp-green-800: #4c430a;
--color-sunlit-kelp-green-900: #342e06;
--color-sunlit-kelp-green-950: #201b00;
}SCSS
$sunlit-kelp-green: #7d7103;
$sunlit-kelp-green-rgb: 125, 113, 3;
$sunlit-kelp-green-light: mix(#fff, $sunlit-kelp-green, 20%);
$sunlit-kelp-green-dark: mix(#000, $sunlit-kelp-green, 20%);
.element {
color: $sunlit-kelp-green;
box-shadow: 0 0 0 2px rgba($sunlit-kelp-green, 0.35);
}