色名 · #016367
Really Teal
Really Tealは#016367：rgb(1 99 103)、hsl(182 98% 20%)、oklch(0.454 0.077 199.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Really Teal color name →
#016367
oklch(0.454 0.077 199.7)
カラー変換
- HEX
- #016367
- RGB
- rgb(1 99 103)
- HSL
- hsl(182 98% 20%)
- HWB
- hwb(182 0% 60%)
- OKLCH
- oklch(0.454 0.077 199.7)
- OKLab
- oklab(0.454 -0.072 -0.026)
- CIE Lab
- lab(37.43 -24.16 -9.73)
- LCH
- lch(37.43 26.04 201.9)
- CMYK
- cmyk(99% 4% 0% 60%)
ティント · シェード · トーン
ティント
- 2C7275
- 468183
- 5E9092
- 759FA1
- 8BAFB0
- A2BEBF
- B9CECF
- D0DEDF
- E7EFEF
シェード
- 015559
- 01474B
- 003A3D
- 002E30
- 002123
- 001617
- 000B0C
- 000304
- 000000
トーン
- 1E666A
- 2E696C
- 3A6C6F
- 466F71
- 507274
- 5A7576
- 647879
- 6E7B7B
- 777D7E
カラーハーモニー
補色 +180°
- 016367
Really Teal
- 7C4445
≈ Casandra
類似色 -30° +30°
- 016367
Really Teal
- 1E6450
≈ Embracing
- 1D5E79
≈ Saltwater Denim
トライアド +120° +240°
- 016367
Really Teal
- 694871
≈ Clary
- 6D511E
≈ Field Drab
スプリットコンプリメンタリー +150° +210°
- 016367
Really Teal
- 76445D
≈ Purple Drab
- 79492D
≈ Urban Auburn
テトラード +90° +180° +270°
- 016367
Really Teal
- 564F7E
≈ Tangent Periwinkle
- 7C4445
≈ Casandra
- 595A22
≈ Saratoga
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.04:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.98:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--really-teal: #016367;
--really-teal-rgb: 1 99 103;
--really-teal-oklch: oklch(0.454 0.077 199.7);
}
.element {
color: var(--really-teal);
background-color: hsl(182 98% 20%);
border-color: oklch(0.454 0.077 199.7);
}Tailwind CSS v4
@theme {
--color-really-teal: #016367;
--color-really-teal-50: #ddfcfe;
--color-really-teal-100: #cbf0f3;
--color-really-teal-200: #aedfe2;
--color-really-teal-300: #88c4c8;
--color-really-teal-400: #64adb0;
--color-really-teal-500: #3b969a;
--color-really-teal-600: #347e82;
--color-really-teal-700: #296568;
--color-really-teal-800: #1c4b4c;
--color-really-teal-900: #133435;
--color-really-teal-950: #041f20;
}SCSS
$really-teal: #016367;
$really-teal-rgb: 1, 99, 103;
$really-teal-light: mix(#fff, $really-teal, 20%);
$really-teal-dark: mix(#000, $really-teal, 20%);
.element {
color: $really-teal;
box-shadow: 0 0 0 2px rgba($really-teal, 0.35);
}