Nächste benannte Farbe · #00662E
#00662E
Nächste benannte Farbe: Bucolic
#00662E (rgb(0 102 46), hsl(147 100% 20%), oklch(0.446 0.121 150.7)) liegt am nächsten an der benannten Farbe Bucolic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00662E
oklch(0.446 0.121 150.7)
Farbumrechnungen
- HEX
- #00662e
- RGB
- rgb(0 102 46)
- HSL
- hsl(147 100% 20%)
- HWB
- hwb(147 0% 60%)
- OKLCH
- oklch(0.446 0.121 150.7)
- OKLab
- oklab(0.446 -0.105 0.059)
- CIE Lab
- lab(37.28 -37.1 23.88)
- LCH
- lch(37.28 44.12 147.2)
- CMYK
- cmyk(100% 0% 55% 60%)
Tints · Shades · Tones
Tints
- 2B7542
- 458455
- 5D9369
- 74A27E
- 8BB192
- A1C0A7
- B8D0BD
- D0DFD2
- E7EFE9
Shades
- 005827
- 004A1F
- 003C18
- 002F12
- 00230B
- 001706
- 000C02
- 000401
- 000000
Tones
- 1D6937
- 2D6C3F
- 3A6F48
- 457150
- 507458
- 5A7760
- 647968
- 6D7B70
- 777E78
Farbharmonien
Komplementär +180°
- 00662E
Bucolic
- 783773
≈ Veronica Purple
Analog -30° +30°
- 00662E
Bucolic
- 4C5C00
≈ Kyuri Green
- 006257
≈ Dancing Peacock
Triadisch +120° +240°
- 00662E
Bucolic
- 3C4D96
≈ Deep Ultramarine
- 8B3428
≈ Burnt Umber
Geteilt komplementär +150° +210°
- 00662E
Bucolic
- 60418C
≈ Daisy Bush
- 873251
≈ Disco
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.14:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.93:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--bucolic: #00662e;
--bucolic-rgb: 0 102 46;
--bucolic-oklch: oklch(0.446 0.121 150.7);
}
.element {
color: var(--bucolic);
background-color: hsl(147 100% 20%);
border-color: oklch(0.446 0.121 150.7);
}Tailwind CSS v4
@theme {
--color-bucolic: #00662e;
--color-bucolic-50: #dcffe5;
--color-bucolic-100: #caf4d5;
--color-bucolic-200: #ade4bc;
--color-bucolic-300: #87ca9a;
--color-bucolic-400: #65b379;
--color-bucolic-500: #3d9c5b;
--color-bucolic-600: #36844d;
--color-bucolic-700: #2b6a3d;
--color-bucolic-800: #204e2a;
--color-bucolic-900: #15361c;
--color-bucolic-950: #06210c;
}SCSS
$bucolic: #00662e;
$bucolic-rgb: 0, 102, 46;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}