Benannte Farbe · #027944
Blarney Stone
Blarney Stone ist #027944: rgb(2 121 68), hsl(153 97% 24%), oklch(0.506 0.124 155.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Blarney Stone color name →
#027944
oklch(0.506 0.124 155.1)
Farbumrechnungen
- HEX
- #027944
- RGB
- rgb(2 121 68)
- HSL
- hsl(153 97% 24%)
- HWB
- hwb(153 1% 53%)
- OKLCH
- oklch(0.506 0.124 155.1)
- OKLab
- oklab(0.506 -0.113 0.052)
- CIE Lab
- lab(44.33 -40.03 20.62)
- LCH
- lch(44.33 45.03 152.8)
- CMYK
- cmyk(98% 0% 44% 53%)
Tints · Shades · Tones
Tints
- 308656
- 4B9367
- 63A079
- 7AAE8B
- 90BB9E
- A6C9B1
- BCD6C4
- D2E4D7
- E9F1EB
Shades
- 01683A
- 015830
- 014826
- 00391D
- 002B14
- 001D0C
- 001005
- 000502
- 000100
Tones
- 227A4A
- 327B50
- 3F7C57
- 4A7D5D
- 547E63
- 5E7E68
- 677F6E
- 707F74
- 78807A
Farbharmonien
Komplementär +180°
- 027944
Blarney Stone
- 8F4681
≈ Willowherb
Analog -30° +30°
- 027944
Blarney Stone
- 557007
≈ Over the Hills
- 00756C
≈ Hawk Turquoise
Triadisch +120° +240°
- 027944
Blarney Stone
- 525CAB
≈ Chinese Bellflower
- 9F4630
≈ Burnt Earth
Geteilt komplementär +150° +210°
- 027944
Blarney Stone
- 76509D
≈ Parfait d’Amour
- 9D425B
≈ Velvet Wine
Tetradisch +90° +180° +270°
- 027944
Blarney Stone
- 096AA7
≈ Indigo Bunting
- 8F4681
≈ Willowherb
- 905500
≈ Mochaccino
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.49:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.82:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--blarney-stone: #027944;
--blarney-stone-rgb: 2 121 68;
--blarney-stone-oklch: oklch(0.506 0.124 155.1);
}
.element {
color: var(--blarney-stone);
background-color: hsl(153 97% 24%);
border-color: oklch(0.506 0.124 155.1);
}Tailwind CSS v4
@theme {
--color-blarney-stone: #027944;
--color-blarney-stone-50: #d9ffe7;
--color-blarney-stone-100: #c7f5d8;
--color-blarney-stone-200: #a8e5bf;
--color-blarney-stone-300: #7fcb9e;
--color-blarney-stone-400: #5bb47e;
--color-blarney-stone-500: #2b9e61;
--color-blarney-stone-600: #278552;
--color-blarney-stone-700: #1f6b41;
--color-blarney-stone-800: #184e2d;
--color-blarney-stone-900: #10371e;
--color-blarney-stone-950: #02210e;
}SCSS
$blarney-stone: #027944;
$blarney-stone-rgb: 2, 121, 68;
$blarney-stone-light: mix(#fff, $blarney-stone, 20%);
$blarney-stone-dark: mix(#000, $blarney-stone, 20%);
.element {
color: $blarney-stone;
box-shadow: 0 0 0 2px rgba($blarney-stone, 0.35);
}