Colore con nome · #027944
Blarney Stone
Blarney Stone è #027944: rgb(2 121 68), hsl(153 97% 24%), oklch(0.506 0.124 155.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Blarney Stone color name →
#027944
oklch(0.506 0.124 155.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 308656
- 4B9367
- 63A079
- 7AAE8B
- 90BB9E
- A6C9B1
- BCD6C4
- D2E4D7
- E9F1EB
Ombre
- 01683A
- 015830
- 014826
- 00391D
- 002B14
- 001D0C
- 001005
- 000502
- 000100
Toni
- 227A4A
- 327B50
- 3F7C57
- 4A7D5D
- 547E63
- 5E7E68
- 677F6E
- 707F74
- 78807A
Armonie di colore
Complementare +180°
- 027944
Blarney Stone
- 8F4681
≈ Willowherb
Analogo -30° +30°
- 027944
Blarney Stone
- 557007
≈ Over the Hills
- 00756C
≈ Hawk Turquoise
Triadico +120° +240°
- 027944
Blarney Stone
- 525CAB
≈ Chinese Bellflower
- 9F4630
≈ Burnt Earth
Complementare divisa +150° +210°
- 027944
Blarney Stone
- 76509D
≈ Parfait d’Amour
- 9D425B
≈ Velvet Wine
Tetradico +90° +180° +270°
- 027944
Blarney Stone
- 096AA7
≈ Indigo Bunting
- 8F4681
≈ Willowherb
- 905500
≈ Mochaccino
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.49:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.82:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}