Adlandırılmış renk · #26623F
Fairway Green
Fairway Green, #26623F: rgb(38 98 63), hsl(145 44% 27%), oklch(0.447 0.085 155). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Fairway Green color name →
#26623F
oklch(0.447 0.085 155)
Renk dönüşümleri
- HEX
- #26623f
- RGB
- rgb(38 98 63)
- HSL
- hsl(145 44% 27%)
- HWB
- hwb(145 15% 62%)
- OKLCH
- oklch(0.447 0.085 155)
- OKLab
- oklab(0.447 -0.077 0.036)
- CIE Lab
- lab(36.91 -27.1 13.93)
- LCH
- lch(36.91 30.47 152.8)
- CMYK
- cmyk(61% 0% 36% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D7150
- 528062
- 678F74
- 7C9E87
- 91AE9A
- A7BEAE
- BCCEC1
- D2DED6
- E8EEEA
Koyu tonlar
- 205435
- 19472C
- 133A23
- 0D2D1B
- 082112
- 04160A
- 020B04
- 010301
- 000000
Gri tonlar
- 316545
- 3B684C
- 456B52
- 4E6E59
- 57715F
- 5F7466
- 67776C
- 707A73
- 787D79
Renk uyumları
Tamamlayıcı +180°
- 26623F
Fairway Green
- 714167
≈ Burnt Orchid
Analog -30° +30°
- 26623F
Fairway Green
- 495C23
≈ Obscure Olive
- 00625A
≈ Dancing Peacock
Üçlü +120° +240°
- 26623F
Fairway Green
- 475083
≈ Blue Jewel
- 7C4133
≈ Monterey Chestnut
Bölünmüş tamamlayıcı +150° +210°
- 26623F
Fairway Green
- 5F477A
≈ In the Vines
- 7B3F4E
≈ Berry Bush
Dörtlü +90° +180° +270°
- 26623F
Fairway Green
- 255880
≈ Bahama Blue
- 714167
≈ Burnt Orchid
- 744919
≈ Vintage Wood
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.23:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.90:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.23:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--fairway-green: #26623f;
--fairway-green-rgb: 38 98 63;
--fairway-green-oklch: oklch(0.447 0.085 155);
}
.element {
color: var(--fairway-green);
background-color: hsl(145 44% 27%);
border-color: oklch(0.447 0.085 155);
}Tailwind CSS v4
@theme {
--color-fairway-green: #26623f;
--color-fairway-green-50: #e2fdec;
--color-fairway-green-100: #d2f1dd;
--color-fairway-green-200: #b7e0c6;
--color-fairway-green-300: #94c5a6;
--color-fairway-green-400: #75ae88;
--color-fairway-green-500: #54976d;
--color-fairway-green-600: #48805d;
--color-fairway-green-700: #39664a;
--color-fairway-green-800: #2a4b34;
--color-fairway-green-900: #1c3424;
--color-fairway-green-950: #0c1f12;
}SCSS
$fairway-green: #26623f;
$fairway-green-rgb: 38, 98, 63;
$fairway-green-light: mix(#fff, $fairway-green, 20%);
$fairway-green-dark: mix(#000, $fairway-green, 20%);
.element {
color: $fairway-green;
box-shadow: 0 0 0 2px rgba($fairway-green, 0.35);
}