Colore con nome più vicino · #30844B
#30844B
Colore con nome più vicino: Bold Irish
#30844B (rgb(48 132 75), hsl(139 47% 35%), oklch(0.548 0.12 150.9)) è più vicino al colore con nome Bold Irish. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#30844B
oklch(0.548 0.12 150.9)
Conversioni di colore
- HEX
- #30844b
- RGB
- rgb(48 132 75)
- HSL
- hsl(139 47% 35%)
- HWB
- hwb(139 19% 48%)
- OKLCH
- oklch(0.548 0.12 150.9)
- OKLab
- oklab(0.548 -0.105 0.058)
- CIE Lab
- lab(49.04 -36.51 22.99)
- LCH
- lch(49.04 43.15 147.8)
- CMYK
- cmyk(64% 0% 43% 48%)
Tinte · Ombre · Toni
Tinte
- 48905C
- 5E9C6D
- 72A87F
- 86B590
- 9AC1A2
- AECDB4
- C2DAC7
- D6E6D9
- EBF2EC
Ombre
- 287240
- 216035
- 1A4F2B
- 133F21
- 0C2F17
- 06200E
- 031206
- 010602
- 000100
Toni
- 3C8451
- 468456
- 4F845C
- 578361
- 5E8366
- 66826C
- 6D8271
- 738176
- 7A817B
Armonie di colore
Complementare +180°
- 30844B
Bold Irish
- 985591
≈ Purplish
Analogo -30° +30°
- 30844B
Bold Irish
- 677B1B
≈ Murky Green
- 008374
≈ Summer Turquoise
Triadico +120° +240°
- 30844B
Bold Irish
- 576BB6
≈ Amparo Blue
- AB5344
≈ Cherry Blink
Complementare divisa +150° +210°
- 30844B
Bold Irish
- 7D5EAB
≈ Genestealer Purple
- A8506D
≈ China Rose
Tetradico +90° +180° +270°
- 30844B
Bold Irish
- 1778AF
≈ Nice Blue
- 985591
≈ Purplish
- A25E14
≈ Raw Umber
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.63:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.52:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--bold-irish: #30844b;
--bold-irish-rgb: 48 132 75;
--bold-irish-oklch: oklch(0.548 0.12 150.9);
}
.element {
color: var(--bold-irish);
background-color: hsl(139 47% 35%);
border-color: oklch(0.548 0.12 150.9);
}Tailwind CSS v4
@theme {
--color-bold-irish: #30844b;
--color-bold-irish-50: #dcffe5;
--color-bold-irish-100: #cbf4d5;
--color-bold-irish-200: #aee4bc;
--color-bold-irish-300: #87ca9a;
--color-bold-irish-400: #65b279;
--color-bold-irish-500: #3e9c5b;
--color-bold-irish-600: #36844e;
--color-bold-irish-700: #2b6a3e;
--color-bold-irish-800: #204e2a;
--color-bold-irish-900: #15361c;
--color-bold-irish-950: #06210d;
}SCSS
$bold-irish: #30844b;
$bold-irish-rgb: 48, 132, 75;
$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);
}