Nazwany kolor · #027944
Blarney Stone
Blarney Stone to #027944: rgb(2 121 68), hsl(153 97% 24%), oklch(0.506 0.124 155.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Blarney Stone color name →
#027944
oklch(0.506 0.124 155.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 308656
- 4B9367
- 63A079
- 7AAE8B
- 90BB9E
- A6C9B1
- BCD6C4
- D2E4D7
- E9F1EB
Odcienie ciemniejsze
- 01683A
- 015830
- 014826
- 00391D
- 002B14
- 001D0C
- 001005
- 000502
- 000100
Tony
- 227A4A
- 327B50
- 3F7C57
- 4A7D5D
- 547E63
- 5E7E68
- 677F6E
- 707F74
- 78807A
Harmonie kolorów
Komplementarna +180°
- 027944
Blarney Stone
- 8F4681
≈ Willowherb
Analogowa -30° +30°
- 027944
Blarney Stone
- 557007
≈ Over the Hills
- 00756C
≈ Hawk Turquoise
Triada +120° +240°
- 027944
Blarney Stone
- 525CAB
≈ Chinese Bellflower
- 9F4630
≈ Burnt Earth
Komplementarna rozszczepiona +150° +210°
- 027944
Blarney Stone
- 76509D
≈ Parfait d’Amour
- 9D425B
≈ Velvet Wine
Tetrada +90° +180° +270°
- 027944
Blarney Stone
- 096AA7
≈ Indigo Bunting
- 8F4681
≈ Willowherb
- 905500
≈ Mochaccino
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.49:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.82:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}