Nazwany kolor · #2A814D
Bold Irish
Bold Irish to #2A814D: rgb(42 129 77), hsl(144 51% 34%), oklch(0.538 0.116 153.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Bold Irish color name →
#2A814D
oklch(0.538 0.116 153.4)
Konwersje koloru
- HEX
- #2a814d
- RGB
- rgb(42 129 77)
- HSL
- hsl(144 51% 34%)
- HWB
- hwb(144 16% 49%)
- OKLCH
- oklch(0.538 0.116 153.4)
- OKLab
- oklab(0.538 -0.104 0.052)
- CIE Lab
- lab(47.88 -36.4 20.37)
- LCH
- lch(47.88 41.71 150.8)
- CMYK
- cmyk(67% 0% 40% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 448D5E
- 5A9A6F
- 6FA680
- 84B391
- 98BFA3
- ADCCB5
- C1D9C7
- D5E5D9
- EAF2EC
Odcienie ciemniejsze
- 236F42
- 1C5E37
- 164E2C
- 103E22
- 0A2E18
- 051F0F
- 021207
- 010602
- 000100
Tony
- 378152
- 428158
- 4C815D
- 548162
- 5C8167
- 64816C
- 6B8171
- 738176
- 79807B
Harmonie kolorów
Komplementarna +180°
- 2A814D
Bold Irish
- 95528A
≈ Àn Zǐ Purple
Analogowa -30° +30°
- 2A814D
Bold Irish
- 617920
≈ Castelvetrano Olive
- 008074
≈ Green Garlands
Triada +120° +240°
- 2A814D
Bold Irish
- 5967B1
≈ Evening Lagoon
- A65240
≈ Indian Summer
Komplementarna rozszczepiona +150° +210°
- 2A814D
Bold Irish
- 7C5BA5
≈ Genestealer Purple
- A44E67
≈ Raspberry Patch
Tetrada +90° +180° +270°
- 2A814D
Bold Irish
- 2174AC
≈ Reef Escape
- 95528A
≈ Àn Zǐ Purple
- 9C5D11
≈ Soft Tone Ink
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.83:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.34:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--bold-irish: #2a814d;
--bold-irish-rgb: 42 129 77;
--bold-irish-oklch: oklch(0.538 0.116 153.4);
}
.element {
color: var(--bold-irish);
background-color: hsl(144 51% 34%);
border-color: oklch(0.538 0.116 153.4);
}Tailwind CSS v4
@theme {
--color-bold-irish: #2a814d;
--color-bold-irish-50: #dcffe7;
--color-bold-irish-100: #caf4d8;
--color-bold-irish-200: #ade4bf;
--color-bold-irish-300: #86c99e;
--color-bold-irish-400: #64b27e;
--color-bold-irish-500: #3b9c61;
--color-bold-irish-600: #348452;
--color-bold-irish-700: #296a42;
--color-bold-irish-800: #1f4e2d;
--color-bold-irish-900: #14361f;
--color-bold-irish-950: #05210e;
}SCSS
$bold-irish: #2a814d;
$bold-irish-rgb: 42, 129, 77;
$bold-irish-light: mix(#fff, $bold-irish, 20%);
$bold-irish-dark: mix(#000, $bold-irish, 20%);
.element {
color: $bold-irish;
box-shadow: 0 0 0 2px rgba($bold-irish, 0.35);
}