Adlandırılmış renk · #245E36
Derbyshire
Derbyshire, #245E36: rgb(36 94 54), hsl(139 45% 25%), oklch(0.432 0.09 151.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Derbyshire color name →
#245E36
oklch(0.432 0.09 151.1)
Renk dönüşümleri
- HEX
- #245e36
- RGB
- rgb(36 94 54)
- HSL
- hsl(139 45% 25%)
- HWB
- hwb(139 14% 63%)
- OKLCH
- oklch(0.432 0.09 151.1)
- OKLab
- oklab(0.432 -0.078 0.043)
- CIE Lab
- lab(35.28 -27.33 17.07)
- LCH
- lch(35.28 32.22 148)
- CMYK
- cmyk(62% 0% 43% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3B6D48
- 507C5B
- 658C6E
- 7A9C81
- 90AC95
- A5BCAA
- BBCCBE
- D2DDD4
- E8EEE9
Koyu tonlar
- 1E512E
- 184425
- 12371E
- 0C2B16
- 071F0F
- 041408
- 020A03
- 000301
- 000000
Gri tonlar
- 2F623D
- 3A6545
- 43694C
- 4C6C53
- 556F5B
- 5E7362
- 67766A
- 6F7971
- 787D78
Renk uyumları
Tamamlayıcı +180°
- 245E36
Derbyshire
- 6C3D67
≈ Berry Light
Analog -30° +30°
- 245E36
Derbyshire
- 495817
≈ Kyuri Green
- 005E53
≈ Alpine Green
Üçlü +120° +240°
- 245E36
Derbyshire
- 3E4C81
≈ Dive In
- 7A3B31
≈ Smoked Paprika
Bölünmüş tamamlayıcı +150° +210°
- 245E36
Derbyshire
- 59447A
≈ In the Vines
- 77394D
≈ July Ruby
Dörtlü +90° +180° +270°
- 245E36
Derbyshire
- 16567D
≈ Real Mccoy
- 6C3D67
≈ Berry Light
- 734312
≈ Sepia
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.69:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.72:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--derbyshire: #245e36;
--derbyshire-rgb: 36 94 54;
--derbyshire-oklch: oklch(0.432 0.09 151.1);
}
.element {
color: var(--derbyshire);
background-color: hsl(139 45% 25%);
border-color: oklch(0.432 0.09 151.1);
}Tailwind CSS v4
@theme {
--color-derbyshire: #245e36;
--color-derbyshire-50: #e3fde9;
--color-derbyshire-100: #d2f1da;
--color-derbyshire-200: #b8e0c2;
--color-derbyshire-300: #95c5a2;
--color-derbyshire-400: #76ae83;
--color-derbyshire-500: #569767;
--color-derbyshire-600: #4a8058;
--color-derbyshire-700: #3b6646;
--color-derbyshire-800: #2b4b31;
--color-derbyshire-900: #1d3421;
--color-derbyshire-950: #0d1f11;
}SCSS
$derbyshire: #245e36;
$derbyshire-rgb: 36, 94, 54;
$derbyshire-light: mix(#fff, $derbyshire, 20%);
$derbyshire-dark: mix(#000, $derbyshire, 20%);
.element {
color: $derbyshire;
box-shadow: 0 0 0 2px rgba($derbyshire, 0.35);
}