Adlandırılmış renk · #006F37
Column of Oak Green
Column of Oak Green, #006F37: rgb(0 111 55), hsl(150 100% 22%), oklch(0.475 0.124 152.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Column of Oak Green color name →
#006F37
oklch(0.475 0.124 152.3)
Renk dönüşümleri
- HEX
- #006f37
- RGB
- rgb(0 111 55)
- HSL
- hsl(150 100% 22%)
- HWB
- hwb(150 0% 56%)
- OKLCH
- oklch(0.475 0.124 152.3)
- OKLab
- oklab(0.475 -0.11 0.058)
- CIE Lab
- lab(40.62 -38.8 23.08)
- LCH
- lch(40.62 45.15 149.3)
- CMYK
- cmyk(100% 0% 50% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2D7D4A
- 488B5D
- 609970
- 77A783
- 8DB697
- A4C4AB
- BAD3C0
- D1E1D4
- E8F0EA
Koyu tonlar
- 00602E
- 005126
- 00421E
- 003416
- 00270F
- 001A08
- 000E03
- 000401
- 000100
Gri tonlar
- 1F713F
- 2F7346
- 3C754E
- 487755
- 52795C
- 5C7A63
- 657C6B
- 6E7D72
- 777F79
Renk uyumları
Tamamlayıcı +180°
- 006F37
Column of Oak Green
- 833E7A
≈ Sister Loganberry Frost
Analog -30° +30°
- 006F37
Column of Oak Green
- 516600
≈ Serrano Pepper
- 006B60
≈ Pacific Queen
Üçlü +120° +240°
- 006F37
Column of Oak Green
- 4554A1
≈ Nuthatch Back
- 953C2B
≈ Brick Paver
Bölünmüş tamamlayıcı +150° +210°
- 006F37
Column of Oak Green
- 6A4895
≈ Sweet Flag
- 923856
≈ Quinacridone Magenta
Dörtlü +90° +180° +270°
- 006F37
Column of Oak Green
- 006296
≈ Craving Cobalt
- 833E7A
≈ Sister Loganberry Frost
- 864C00
≈ Dried Mustard
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.30:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.32:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--column-of-oak-green: #006f37;
--column-of-oak-green-rgb: 0 111 55;
--column-of-oak-green-oklch: oklch(0.475 0.124 152.3);
}
.element {
color: var(--column-of-oak-green);
background-color: hsl(150 100% 22%);
border-color: oklch(0.475 0.124 152.3);
}Tailwind CSS v4
@theme {
--color-column-of-oak-green: #006f37;
--color-column-of-oak-green-50: #dbffe5;
--color-column-of-oak-green-100: #c9f5d6;
--color-column-of-oak-green-200: #abe4bd;
--color-column-of-oak-green-300: #83ca9b;
--color-column-of-oak-green-400: #60b37a;
--color-column-of-oak-green-500: #359d5c;
--color-column-of-oak-green-600: #2f854e;
--color-column-of-oak-green-700: #266a3e;
--color-column-of-oak-green-800: #1c4e2b;
--color-column-of-oak-green-900: #13361d;
--color-column-of-oak-green-950: #04210d;
}SCSS
$column-of-oak-green: #006f37;
$column-of-oak-green-rgb: 0, 111, 55;
$column-of-oak-green-light: mix(#fff, $column-of-oak-green, 20%);
$column-of-oak-green-dark: mix(#000, $column-of-oak-green, 20%);
.element {
color: $column-of-oak-green;
box-shadow: 0 0 0 2px rgba($column-of-oak-green, 0.35);
}