En yakın adlandırılmış renk · #008351
#008351
En yakın adlandırılmış renk: Bold Irish
#008351 (rgb(0 131 81), hsl(157 100% 26%), oklch(0.537 0.125 158.1)) en çok Bold Irish adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#008351
oklch(0.537 0.125 158.1)
Renk dönüşümleri
- HEX
- #008351
- RGB
- rgb(0 131 81)
- HSL
- hsl(157 100% 26%)
- HWB
- hwb(157 0% 49%)
- OKLCH
- oklch(0.537 0.125 158.1)
- OKLab
- oklab(0.537 -0.116 0.047)
- CIE Lab
- lab(47.97 -41.45 18.11)
- LCH
- lch(47.97 45.24 156.4)
- CMYK
- cmyk(100% 0% 38% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 328F61
- 4E9B72
- 66A883
- 7DB494
- 93C0A5
- A8CDB6
- BED9C8
- D3E6DA
- E9F2EC
Koyu tonlar
- 007145
- 00603A
- 004F2F
- 003F24
- 002F1A
- 002010
- 001207
- 000602
- 000100
Gri tonlar
- 238356
- 34835B
- 418360
- 4D8364
- 578269
- 60826E
- 688272
- 718177
- 78817B
Renk uyumları
Tamamlayıcı +180°
- 008351
Bold Irish
- 9B4E87
≈ Plum Passion
Analog -30° +30°
- 008351
Bold Irish
- 587B1E
≈ Master Chief
- 007F78
≈ Coelia Greenshade
Üçlü +120° +240°
- 008351
Bold Irish
- 5E64B5
≈ Bluish Purple Anemone
- A95033
≈ Suzume Brown
Bölünmüş tamamlayıcı +150° +210°
- 008351
Bold Irish
- 8257A5
≈ Highlighter Lavender
- A94A60
≈ Hippie Pink
Dörtlü +90° +180° +270°
- 008351
Bold Irish
- 2472B3
≈ Post It
- 9B4E87
≈ Plum Passion
- 9A5F00
≈ Raw Sienna
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.81:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.36:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--bold-irish: #008351;
--bold-irish-rgb: 0 131 81;
--bold-irish-oklch: oklch(0.537 0.125 158.1);
}
.element {
color: var(--bold-irish);
background-color: hsl(157 100% 26%);
border-color: oklch(0.537 0.125 158.1);
}Tailwind CSS v4
@theme {
--color-bold-irish: #008351;
--color-bold-irish-50: #d7ffe9;
--color-bold-irish-100: #c4f5da;
--color-bold-irish-200: #a5e5c2;
--color-bold-irish-300: #7bcba1;
--color-bold-irish-400: #54b582;
--color-bold-irish-500: #1a9e65;
--color-bold-irish-600: #1c8656;
--color-bold-irish-700: #176b45;
--color-bold-irish-800: #124f2f;
--color-bold-irish-900: #0b3720;
--color-bold-irish-950: #002210;
}SCSS
$bold-irish: #008351;
$bold-irish-rgb: 0, 131, 81;
$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);
}