Adlandırılmış renk · #5F6D59
Royal Orchard
Royal Orchard, #5F6D59: rgb(95 109 89), hsl(102 10% 39%), oklch(0.517 0.035 136.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? → · Royal Orchard color name →
#5F6D59
oklch(0.517 0.035 136.3)
Renk dönüşümleri
- HEX
- #5f6d59
- RGB
- rgb(95 109 89)
- HSL
- hsl(102 10% 39%)
- HWB
- hwb(102 35% 57%)
- OKLCH
- oklch(0.517 0.035 136.3)
- OKLab
- oklab(0.517 -0.025 0.024)
- CIE Lab
- lab(44.4 -8.58 9.37)
- LCH
- lch(44.4 12.7 132.5)
- CMYK
- cmyk(13% 0% 18% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E7B68
- 7D8878
- 8C9688
- 9CA598
- ACB3A8
- BCC2B9
- CCD1CA
- DDE0DC
- EEEFED
Koyu tonlar
- 525E4C
- 444F40
- 384134
- 2C3328
- 20261D
- 151913
- 0A0D09
- 030403
- 000100
Gri tonlar
- 626F5D
- 667161
- 697365
- 6C7569
- 6F776C
- 737870
- 767A74
- 797C78
- 7D7E7C
Renk uyumları
Tamamlayıcı +180°
- 5F6D59
Royal Orchard
- 706276
≈ Iris Petal
Analog -30° +30°
- 5F6D59
Royal Orchard
- 6A6A52
≈ Bijoux Green
- 556F63
≈ High Tea Green
Üçlü +120° +240°
- 5F6D59
Royal Orchard
- 5B697D
≈ Spinning Blue
- 7B6061
≈ Pretty Puce
Bölünmüş tamamlayıcı +150° +210°
- 5F6D59
Royal Orchard
- 66657C
≈ Swollen Sky
- 78606C
≈ Black Plum
Dörtlü +90° +180° +270°
- 5F6D59
Royal Orchard
- 536D78
≈ Blue Sentinel
- 706276
≈ Iris Petal
- 7A6257
≈ Bear Hug
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.49:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.81:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-orchard: #5f6d59;
--royal-orchard-rgb: 95 109 89;
--royal-orchard-oklch: oklch(0.517 0.035 136.3);
}
.element {
color: var(--royal-orchard);
background-color: hsl(102 10% 39%);
border-color: oklch(0.517 0.035 136.3);
}Tailwind CSS v4
@theme {
--color-royal-orchard: #5f6d59;
--color-royal-orchard-50: #f0f8ee;
--color-royal-orchard-100: #e2ebe0;
--color-royal-orchard-200: #cdd8ca;
--color-royal-orchard-300: #afbcab;
--color-royal-orchard-400: #95a48f;
--color-royal-orchard-500: #7c8c75;
--color-royal-orchard-600: #697663;
--color-royal-orchard-700: #545f4f;
--color-royal-orchard-800: #3d4539;
--color-royal-orchard-900: #2a3027;
--color-royal-orchard-950: #181c15;
}SCSS
$royal-orchard: #5f6d59;
$royal-orchard-rgb: 95, 109, 89;
$royal-orchard-light: mix(#fff, $royal-orchard, 20%);
$royal-orchard-dark: mix(#000, $royal-orchard, 20%);
.element {
color: $royal-orchard;
box-shadow: 0 0 0 2px rgba($royal-orchard, 0.35);
}