En yakın adlandırılmış renk · #1C7F92
#1C7F92
En yakın adlandırılmış renk: Bermuda
#1C7F92 (rgb(28 127 146), hsl(190 68% 34%), oklch(0.551 0.09 214.2)) en çok Bermuda 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.
#1C7F92
oklch(0.551 0.09 214.2)
Renk dönüşümleri
- HEX
- #1c7f92
- RGB
- rgb(28 127 146)
- HSL
- hsl(190 68% 34%)
- HWB
- hwb(190 11% 43%)
- OKLCH
- oklch(0.551 0.09 214.2)
- OKLab
- oklab(0.551 -0.074 -0.05)
- CIE Lab
- lab(48.53 -23.14 -18.63)
- LCH
- lch(48.53 29.71 218.8)
- CMYK
- cmyk(81% 13% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3C8B9D
- 5598A7
- 6BA5B2
- 81B1BD
- 96BEC8
- ABCBD3
- C0D8DE
- D5E5E9
- EAF2F4
Koyu tonlar
- 176E7E
- 125D6B
- 0D4C58
- 083C46
- 052D35
- 021F25
- 011116
- 000608
- 000101
Gri tonlar
- 2F7F90
- 3C808F
- 47808D
- 51808B
- 5A8089
- 628088
- 6A8086
- 728084
- 798082
Renk uyumları
Tamamlayıcı +180°
- 1C7F92
Bermuda
- 9F5E4E
≈ Chutney
Analog -30° +30°
- 1C7F92
Bermuda
- 1E8378
≈ Egyptian Green
- 4077A3
≈ Decoration Blue
Üçlü +120° +240°
- 1C7F92
Bermuda
- 925D87
≈ Plum Savour
- 83712D
≈ Spanish Bistre
Bölünmüş tamamlayıcı +150° +210°
- 1C7F92
Bermuda
- 9E5B6C
≈ Beef Jerky
- 966635
≈ Buddy Buddy
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--bermuda: #1c7f92;
--bermuda-rgb: 28 127 146;
--bermuda-oklch: oklch(0.551 0.09 214.2);
}
.element {
color: var(--bermuda);
background-color: hsl(190 68% 34%);
border-color: oklch(0.551 0.09 214.2);
}Tailwind CSS v4
@theme {
--color-bermuda: #1c7f92;
--color-bermuda-50: #d9fcff;
--color-bermuda-100: #c7f0fb;
--color-bermuda-200: #a9dfed;
--color-bermuda-300: #81c3d5;
--color-bermuda-400: #59acbf;
--color-bermuda-500: #2895ab;
--color-bermuda-600: #257e90;
--color-bermuda-700: #1e6573;
--color-bermuda-800: #124a54;
--color-bermuda-900: #0c343b;
--color-bermuda-950: #001f25;
}SCSS
$bermuda: #1c7f92;
$bermuda-rgb: 28, 127, 146;
$bermuda-light: mix(#fff, $bermuda, 20%);
$bermuda-dark: mix(#000, $bermuda, 20%);
.element {
color: $bermuda;
box-shadow: 0 0 0 2px rgba($bermuda, 0.35);
}