En yakın adlandırılmış renk · #31DFDC
#31DFDC
En yakın adlandırılmış renk: Fish Boy
#31DFDC (rgb(49 223 220), hsl(179 73% 53%), oklch(0.821 0.132 193.1)) en çok Fish Boy 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.
#31DFDC
oklch(0.821 0.132 193.1)
Renk dönüşümleri
- HEX
- #31dfdc
- RGB
- rgb(49 223 220)
- HSL
- hsl(179 73% 53%)
- HWB
- hwb(179 19% 13%)
- OKLCH
- oklch(0.821 0.132 193.1)
- OKLab
- oklab(0.821 -0.129 -0.03)
- CIE Lab
- lab(80.7 -43.89 -11.43)
- LCH
- lch(80.7 45.36 194.6)
- CMYK
- cmyk(78% 0% 1% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 57E3E0
- 72E6E3
- 88E9E7
- 9CEDEA
- AEF0EE
- BFF3F1
- D0F6F5
- E0F9F8
- F0FCFC
Koyu tonlar
- 29C2BF
- 22A5A3
- 1A8A88
- 136F6E
- 0C5654
- 063D3C
- 032726
- 011211
- 000202
Gri tonlar
- 47D5D2
- 55CCC9
- 60C2C0
- 68B9B6
- 6FAFAD
- 74A6A4
- 789C9B
- 7C9392
- 7E8989
Renk uyumları
Tamamlayıcı +180°
- 31DFDC
Fish Boy
- FFA9B2
≈ A Brand New Day
Analog -30° +30°
- 31DFDC
Fish Boy
- 67DFAC
≈ Medium Aquamarine
- 57D6FF
≈ Libra Blue Morpho
Üçlü +120° +240°
- 31DFDC
Fish Boy
- E1ACFF
≈ Testosterose
- F8B65A
≈ Amber Yellow
Bölünmüş tamamlayıcı +150° +210°
- 31DFDC
Fish Boy
- FFA2DB
≈ Corinthian Pink
- FFAE8D
≈ Coral Correlation
Dörtlü +90° +180° +270°
- 31DFDC
Fish Boy
- BCBDFF
≈ Dried Lilac
- FFA9B2
≈ A Brand New Day
- D4C859
≈ Citron
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.71:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.71:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--fish-boy: #31dfdc;
--fish-boy-rgb: 49 223 220;
--fish-boy-oklch: oklch(0.821 0.132 193.1);
}
.element {
color: var(--fish-boy);
background-color: hsl(179 73% 53%);
border-color: oklch(0.821 0.132 193.1);
}Tailwind CSS v4
@theme {
--color-fish-boy: #31dfdc;
--color-fish-boy-50: #caffff;
--color-fish-boy-100: #b4f6f6;
--color-fish-boy-200: #8de6e6;
--color-fish-boy-300: #56cccc;
--color-fish-boy-400: #00b6b4;
--color-fish-boy-500: #00a09e;
--color-fish-boy-600: #008786;
--color-fish-boy-700: #006c6b;
--color-fish-boy-800: #00504d;
--color-fish-boy-900: #003836;
--color-fish-boy-950: #002221;
}SCSS
$fish-boy: #31dfdc;
$fish-boy-rgb: 49, 223, 220;
$fish-boy-light: mix(#fff, $fish-boy, 20%);
$fish-boy-dark: mix(#000, $fish-boy, 20%);
.element {
color: $fish-boy;
box-shadow: 0 0 0 2px rgba($fish-boy, 0.35);
}